@rsmdc/button
Advanced tools
Comparing version 1.1.20 to 1.1.23
@@ -1,1 +0,1 @@ | ||
import{p as i,b as e}from"./p-22e4fc12.js";i().then(i=>e([["p-tj35mlqr",[[1,"rs-button",{disabled:[4],exited:[4],isDisabled:[64],isExited:[64],activateRipple:[64]}]]]],i)); | ||
import{p as i,b as e}from"./p-22e4fc12.js";i().then(i=>e([["p-l4wokgsc",[[1,"rs-button",{disabled:[4],exited:[4],fixed:[4],isDisabled:[64],isExited:[64],activateRipple:[64],isFixed:[64]}]]]],i)); |
@@ -1,1 +0,1 @@ | ||
System.register(["./p-ab796af2.system.js"],(function(){"use strict";var t,e;return{setters:[function(s){t=s.p;e=s.b}],execute:function(){t().then((function(t){return e([["p-xk0mq722.system",[[1,"rs-button",{disabled:[4],exited:[4],isDisabled:[64],isExited:[64],activateRipple:[64]}]]]],t)}))}}})); | ||
System.register(["./p-ab796af2.system.js"],(function(){"use strict";var e,t;return{setters:[function(i){e=i.p;t=i.b}],execute:function(){e().then((function(e){return t([["p-0dvmhpwc.system",[[1,"rs-button",{disabled:[4],exited:[4],fixed:[4],isDisabled:[64],isExited:[64],activateRipple:[64],isFixed:[64]}]]]],e)}))}}})); |
@@ -6,3 +6,3 @@ 'use strict'; | ||
core.patchBrowser().then(options => { | ||
return core.bootstrapLazy([["rs-button.cjs",[[1,"rs-button",{"disabled":[4],"exited":[4],"isDisabled":[64],"isExited":[64],"activateRipple":[64]}]]]], options); | ||
return core.bootstrapLazy([["rs-button.cjs",[[1,"rs-button",{"disabled":[4],"exited":[4],"fixed":[4],"isDisabled":[64],"isExited":[64],"activateRipple":[64],"isFixed":[64]}]]]], options); | ||
}); |
@@ -9,3 +9,3 @@ 'use strict'; | ||
return core.patchEsm().then(() => { | ||
core.bootstrapLazy([["rs-button.cjs",[[1,"rs-button",{"disabled":[4],"exited":[4],"isDisabled":[64],"isExited":[64],"activateRipple":[64]}]]]], options); | ||
core.bootstrapLazy([["rs-button.cjs",[[1,"rs-button",{"disabled":[4],"exited":[4],"fixed":[4],"isDisabled":[64],"isExited":[64],"activateRipple":[64],"isFixed":[64]}]]]], options); | ||
}); | ||
@@ -12,0 +12,0 @@ }; |
@@ -985,22 +985,22 @@ 'use strict'; | ||
} | ||
fixedHandler() { | ||
this.isFixed(); | ||
} | ||
async isDisabled() { | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
if (this.disabled) { | ||
this.button.classList.add("-disabled"); | ||
this.button.classList.add('-disabled'); | ||
} | ||
else { | ||
this.button.classList.remove("-disabled"); | ||
this.button.classList.remove('-disabled'); | ||
} | ||
} | ||
async isExited() { | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
if (this.exited) { | ||
this.button.classList.add("-exited"); | ||
this.button.classList.add('-exited'); | ||
} | ||
else { | ||
this.button.classList.remove("-exited"); | ||
this.button.classList.remove('-exited'); | ||
} | ||
} | ||
async activateRipple() { | ||
this.button = this.el.shadowRoot.querySelector(".rs-button"); | ||
this.button[0].ripple.active(); | ||
@@ -1012,18 +1012,27 @@ setTimeout(() => { | ||
} | ||
async isFixed() { | ||
if (this.fixed) { | ||
this.button.classList.add('-fixed'); | ||
} | ||
else { | ||
this.button.classList.remove('-fixed'); | ||
} | ||
} | ||
componentDidLoad() { | ||
const button = this.el.shadowRoot.querySelector('.rs-button'); | ||
const ripple = new RSRipple(button); | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
const ripple = new RSRipple(this.button); | ||
const slot = this.el.shadowRoot.querySelector('slot'); | ||
const styles = window.getComputedStyle(button); | ||
const isRippleUnbounded = String(styles.getPropertyValue('--rs-button-----ripple')).trim(); | ||
const styles = window.getComputedStyle(this.button); | ||
const isRippleUnbounded = String(styles.getPropertyValue('--rs-button-----ripple')).trim(); // TODO | ||
const slotChildren = Array.from(slot.assignedNodes()); | ||
if (slotChildren.length === 0 && !isRippleUnbounded) { | ||
button.classList.add('-no-text'); | ||
this.button.classList.add('-no-text'); | ||
ripple.unbounded = true; | ||
} | ||
else if (slotChildren.length > 0 && isRippleUnbounded) { | ||
button.classList.add('-extended'); | ||
this.button.classList.add('-extended'); | ||
} | ||
this.isDisabled(); | ||
this.isExited(); | ||
this.isFixed(); | ||
} | ||
@@ -1036,7 +1045,8 @@ render() { | ||
"disabled": ["disabledHandler"], | ||
"exited": ["exitedHandler"] | ||
"exited": ["exitedHandler"], | ||
"fixed": ["fixedHandler"] | ||
}; } | ||
static get style() { return "\@-webkit-keyframes rs-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}}\@keyframes rs-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}}\@-webkit-keyframes rs-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--rs-ripple-fg-opacity,0)}}\@keyframes rs-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--rs-ripple-fg-opacity,0)}}\@-webkit-keyframes rs-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--rs-ripple-fg-opacity,0)}to{opacity:0}}\@keyframes rs-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--rs-ripple-fg-opacity,0)}to{opacity:0}}.rs-ripple-surface--test-edge-var-bug{visibility:var(--rs-ripple-surface--test-edge-var-bug---visibility)}.rs-ripple-surface--test-edge-var-bug:before{border:var(--rs-ripple-surface--test-edge-var-bugPEbefore---border)}.rs-button{--rs-ripple-fg-size:var(--rs-ripple-fg-size);--rs-ripple-left:var(--rs-ripple-left);--rs-ripple-top:var(--rs-ripple-top);--rs-ripple-fg-scale:var(--rs-ripple-fg-scale);--rs-ripple-fg-translate-end:var(--rs-ripple-fg-translate-end);--rs-ripple-fg-translate-start:var(--rs-ripple-fg-translate-start);-webkit-tap-highlight-color:var(--rs-button----webkit-tap-highlight-color);will-change:var(--rs-button---will-change);font-family:var(--rs-button---font-family);-moz-osx-font-smoothing:var(--rs-button----moz-osx-font-smoothing);-webkit-font-smoothing:var(--rs-button----webkit-font-smoothing);font-size:var(--rs-button---font-size);line-height:var(--rs-button---line-height);font-weight:var(--rs-button---font-weight);letter-spacing:var(--rs-button---letter-spacing);-webkit-text-decoration:var(--rs-button---text-decoration);text-decoration:var(--rs-button---text-decoration);text-transform:var(--rs-button---text-transform);display:var(--rs-button---display);position:var(--rs-button---position);-ms-flex-align:var(--rs-button---align-items);align-items:var(--rs-button---align-items);-ms-flex-pack:var(--rs-button---justify-content);justify-content:var(--rs-button---justify-content);-webkit-box-sizing:var(--rs-button---box-sizing);box-sizing:var(--rs-button---box-sizing);min-width:var(--rs-button---min-width);width:var(--rs-button---width);height:var(--rs-button---height);border:var(--rs-button---border);outline:var(--rs-button---outline);-webkit-user-select:var(--rs-button---user-select);-moz-user-select:var(--rs-button---user-select);-ms-user-select:var(--rs-button---user-select);user-select:var(--rs-button---user-select);-webkit-appearance:var(--rs-button----webkit-appearance);overflow:var(--rs-button---overflow);vertical-align:var(--rs-button---vertical-align);border-radius:var(--rs-button---border-radius);-webkit-box-shadow:var(--rs-button---box-shadow);box-shadow:var(--rs-button---box-shadow);-webkit-transition:var(--rs-button---transition);transition:var(--rs-button---transition);padding:var(--rs-button---padding)}.rs-button:after,.rs-button:before{position:var(--rs-buttonPEbeforers-buttonPEafter---position);border-radius:var(--rs-buttonPEbeforers-buttonPEafter---border-radius);opacity:var(--rs-buttonPEbeforers-buttonPEafter---opacity);pointer-events:var(--rs-buttonPEbeforers-buttonPEafter---pointer-events);content:var(--rs-buttonPEbeforers-buttonPEafter---content);top:var(--rs-buttonPEbeforers-buttonPEafter---top);left:var(--rs-buttonPEbeforers-buttonPEafter---left);width:var(--rs-buttonPEbeforers-buttonPEafter---width);height:var(--rs-buttonPEbeforers-buttonPEafter---height);background-color:var(--rs-buttonPEbeforers-buttonPEafter---background-color)}.rs-button:before{-webkit-transition:var(--rs-buttonPEbefore---transition);transition:var(--rs-buttonPEbefore---transition);z-index:var(--rs-buttonPEbefore---z-index)}.rs-button.rs-ripple-upgraded:before{-webkit-transform:scale(var(--rs-ripple-fg-scale,1));transform:scale(var(--rs-ripple-fg-scale,1))}.rs-button.rs-ripple-upgraded:after{top:var(--rs-buttonrs-ripple-upgradedPEafter---top);left:var(--rs-buttonrs-ripple-upgradedPEafter---left);-webkit-transform:var(--rs-buttonrs-ripple-upgradedPEafter---transform);transform:var(--rs-buttonrs-ripple-upgradedPEafter---transform);-webkit-transform-origin:var(--rs-buttonrs-ripple-upgradedPEafter---transform-origin);transform-origin:var(--rs-buttonrs-ripple-upgradedPEafter---transform-origin);width:var(--rs-ripple-fg-size,100%);height:var(--rs-ripple-fg-size,100%)}.rs-button.rs-ripple-upgraded--unbounded:after{top:var(--rs-ripple-top,0);left:var(--rs-ripple-left,0)}.rs-button.rs-ripple-upgraded--foreground-activation:after{-webkit-animation:var(--rs-buttonrs-ripple-upgraded--foreground-activationPEafter---animation);animation:var(--rs-buttonrs-ripple-upgraded--foreground-activationPEafter---animation)}.rs-button.rs-ripple-upgraded--foreground-deactivation:after{-webkit-animation:var(--rs-buttonrs-ripple-upgraded--foreground-deactivationPEafter---animation);animation:var(--rs-buttonrs-ripple-upgraded--foreground-deactivationPEafter---animation);-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}.rs-button:hover:before{opacity:var(--rs-buttonPShoverPEbefore---opacity)}.rs-button:not(.rs-ripple-upgraded):focus:before{-webkit-transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);opacity:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---opacity)}.rs-button.rs-ripple-upgraded--background-focused:before{-webkit-transition-duration:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---transition-duration);transition-duration:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---transition-duration);opacity:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---opacity)}.rs-button:not(.rs-ripple-upgraded):after{-webkit-transition:var(--rs-buttonPSnotVrs-ripple-upgradedPEafter---transition);transition:var(--rs-buttonPSnotVrs-ripple-upgradedPEafter---transition)}.rs-button:not(.rs-ripple-upgraded):active:after{-webkit-transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);opacity:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---opacity)}.rs-button.rs-ripple-upgraded{--rs-ripple-fg-opacity:var(--rs-buttonrs-ripple-upgraded-----rs-ripple-fg-opacity)}.rs-button>.label:before{font-family:var(--rs-buttonCHlabelPEbefore---font-family);content:var(--rs-buttonCHlabelPEbefore---content);display:var(--rs-buttonCHlabelPEbefore---display);width:var(--rs-buttonCHlabelPEbefore---width);height:var(--rs-buttonCHlabelPEbefore---height);font-size:var(--rs-buttonCHlabelPEbefore---font-size);vertical-align:var(--rs-buttonCHlabelPEbefore---vertical-align);margin:var(--rs-buttonCHlabelPEbefore---margin)}.rs-button>.label:after{font-family:var(--rs-buttonCHlabelPEafter---font-family);content:var(--rs-buttonCHlabelPEafter---content);display:var(--rs-buttonCHlabelPEafter---display);width:var(--rs-buttonCHlabelPEafter---width);height:var(--rs-buttonCHlabelPEafter---height);font-size:var(--rs-buttonCHlabelPEafter---font-size);vertical-align:var(--rs-buttonCHlabelPEafter---vertical-align);margin:var(--rs-buttonCHlabelPEafter---margin)}.rs-button.-no-text{min-width:var(--rs-button-no-text---min-width);width:var(--rs-button-no-text---width);height:var(--rs-button-no-text---height);padding:var(--rs-button-no-text---padding);font-size:var(--rs-button-no-text---font-size);display:var(--rs-button-no-text---display);background-color:var(--rs-button-no-text---background-color);cursor:var(--rs-button-no-text---cursor);border-radius:var(--rs-button-no-text---border-radius);color:var(--rs-button-no-text---color)}.rs-button.-no-text:after,.rs-button.-no-text:before{background-color:var(--rs-button-no-textPEbeforers-button-no-textPEafter---background-color);content:var(--rs-button-no-textPEbeforers-button-no-textPEafter---content)}.rs-button.-no-text:hover:before{opacity:var(--rs-button-no-textPShoverPEbefore---opacity)}.rs-button.-no-text:not(.rs-ripple-upgraded):focus:before{-webkit-transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);opacity:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---opacity)}.rs-button.-no-text.rs-ripple-upgraded--background-focused:before{-webkit-transition-duration:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---transition-duration);transition-duration:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---transition-duration);opacity:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---opacity)}.rs-button.-no-text:not(.rs-ripple-upgraded):after{-webkit-transition:var(--rs-button-no-textPSnotVrs-ripple-upgradedPEafter---transition);transition:var(--rs-button-no-textPSnotVrs-ripple-upgradedPEafter---transition)}.rs-button.-no-text:not(.rs-ripple-upgraded):active:after{-webkit-transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);opacity:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---opacity)}.rs-button.-no-text.rs-ripple-upgraded{--rs-ripple-fg-opacity:var(--rs-button-no-textrs-ripple-upgraded-----rs-ripple-fg-opacity)}.rs-button.-no-text>.label:before{width:var(--rs-button-no-textCHlabelPEbefore---width);height:var(--rs-button-no-textCHlabelPEbefore---height);font-size:var(--rs-button-no-textCHlabelPEbefore---font-size);margin:var(--rs-button-no-textCHlabelPEbefore---margin)}.rs-button.-extended{width:var(--rs-button-extended---width);max-width:var(--rs-button-extended---max-width);height:var(--rs-button-extended---height);-ms-flex-pack:var(--rs-button-extended---justify-content);justify-content:var(--rs-button-extended---justify-content);text-overflow:var(--rs-button-extended---text-overflow);white-space:var(--rs-button-extended---white-space);border-radius:var(--rs-button-extended---border-radius);font-size:var(--rs-button-extended---font-size);padding:var(--rs-button-extended---padding);line-height:var(--rs-button-extended---line-height)}.rs-button.-extended>.label:before{margin:var(--rs-button-extendedCHlabelPEbefore---margin)}.rs-button.-extended>.label:after{margin:var(--rs-button-extendedCHlabelPEafter---margin)}.rs-button.-exited{-webkit-transform:var(--rs-button-exited---transform);transform:var(--rs-button-exited---transform);-webkit-transition:var(--rs-button-exited---transition);transition:var(--rs-button-exited---transition);opacity:var(--rs-button-exited---opacity)}.rs-button:not(.-disabled).-no-text{color:var(--rs-buttonPSnotV-disabled-no-text---color)}.rs-button:not(.-disabled){color:var(--rs-buttonPSnotV-disabled---color);background-color:var(--rs-buttonPSnotV-disabled---background-color)}.rs-button::-moz-focus-inner{padding:var(--rs-buttonPE-moz-focus-inner---padding);border:var(--rs-buttonPE-moz-focus-inner---border)}.rs-button:hover{cursor:var(--rs-buttonPShover---cursor);-webkit-box-shadow:var(--rs-buttonPShover---box-shadow);box-shadow:var(--rs-buttonPShover---box-shadow)}.rs-button:active{outline:var(--rs-buttonPSactive---outline);-webkit-box-shadow:var(--rs-buttonPSactive---box-shadow);box-shadow:var(--rs-buttonPSactive---box-shadow)}.rs-button.-disabled{color:var(--rs-button-disabled---color);background:var(--rs-button-disabled---background);cursor:var(--rs-button-disabled---cursor);pointer-events:var(--rs-button-disabled---pointer-events);border-color:var(--rs-button-disabled---border-color);-webkit-box-shadow:var(--rs-button-disabled---box-shadow);box-shadow:var(--rs-button-disabled---box-shadow)}"; } | ||
static get style() { return "\@-webkit-keyframes rs-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}}\@keyframes rs-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}}\@-webkit-keyframes rs-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--rs-ripple-fg-opacity,0)}}\@keyframes rs-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--rs-ripple-fg-opacity,0)}}\@-webkit-keyframes rs-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--rs-ripple-fg-opacity,0)}to{opacity:0}}\@keyframes rs-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--rs-ripple-fg-opacity,0)}to{opacity:0}}.rs-ripple-surface--test-edge-var-bug{visibility:var(--rs-ripple-surface--test-edge-var-bug---visibility)}.rs-ripple-surface--test-edge-var-bug:before{border:var(--rs-ripple-surface--test-edge-var-bugPEbefore---border)}.rs-button{--rs-ripple-fg-size:var(--rs-ripple-fg-size);--rs-ripple-left:var(--rs-ripple-left);--rs-ripple-top:var(--rs-ripple-top);--rs-ripple-fg-scale:var(--rs-ripple-fg-scale);--rs-ripple-fg-translate-end:var(--rs-ripple-fg-translate-end);--rs-ripple-fg-translate-start:var(--rs-ripple-fg-translate-start);-webkit-tap-highlight-color:var(--rs-button----webkit-tap-highlight-color);will-change:var(--rs-button---will-change);font-family:var(--rs-button---font-family);-moz-osx-font-smoothing:var(--rs-button----moz-osx-font-smoothing);-webkit-font-smoothing:var(--rs-button----webkit-font-smoothing);font-size:var(--rs-button---font-size);line-height:var(--rs-button---line-height);font-weight:var(--rs-button---font-weight);letter-spacing:var(--rs-button---letter-spacing);-webkit-text-decoration:var(--rs-button---text-decoration);text-decoration:var(--rs-button---text-decoration);text-transform:var(--rs-button---text-transform);display:var(--rs-button---display);position:var(--rs-button---position);-ms-flex-align:var(--rs-button---align-items);align-items:var(--rs-button---align-items);-ms-flex-pack:var(--rs-button---justify-content);justify-content:var(--rs-button---justify-content);-webkit-box-sizing:var(--rs-button---box-sizing);box-sizing:var(--rs-button---box-sizing);min-width:var(--rs-button---min-width);width:var(--rs-button---width);height:var(--rs-button---height);border:var(--rs-button---border);outline:var(--rs-button---outline);-webkit-user-select:var(--rs-button---user-select);-moz-user-select:var(--rs-button---user-select);-ms-user-select:var(--rs-button---user-select);user-select:var(--rs-button---user-select);-webkit-appearance:var(--rs-button----webkit-appearance);overflow:var(--rs-button---overflow);vertical-align:var(--rs-button---vertical-align);border-radius:var(--rs-button---border-radius);-webkit-box-shadow:var(--rs-button---box-shadow);box-shadow:var(--rs-button---box-shadow);-webkit-transition:var(--rs-button---transition);transition:var(--rs-button---transition);padding:var(--rs-button---padding);border-width:var(--rs-button---border-width);color:var(--rs-button---color);white-space:var(--rs-button---white-space)}.rs-button:after,.rs-button:before{position:var(--rs-buttonPEbeforers-buttonPEafter---position);border-radius:var(--rs-buttonPEbeforers-buttonPEafter---border-radius);opacity:var(--rs-buttonPEbeforers-buttonPEafter---opacity);pointer-events:var(--rs-buttonPEbeforers-buttonPEafter---pointer-events);content:var(--rs-buttonPEbeforers-buttonPEafter---content);top:var(--rs-buttonPEbeforers-buttonPEafter---top);left:var(--rs-buttonPEbeforers-buttonPEafter---left);width:var(--rs-buttonPEbeforers-buttonPEafter---width);height:var(--rs-buttonPEbeforers-buttonPEafter---height);background-color:var(--rs-buttonPEbeforers-buttonPEafter---background-color)}.rs-button:before{-webkit-transition:var(--rs-buttonPEbefore---transition);transition:var(--rs-buttonPEbefore---transition);z-index:var(--rs-buttonPEbefore---z-index)}.rs-button.rs-ripple-upgraded:before{-webkit-transform:scale(var(--rs-ripple-fg-scale,1));transform:scale(var(--rs-ripple-fg-scale,1))}.rs-button.rs-ripple-upgraded:after{top:var(--rs-buttonrs-ripple-upgradedPEafter---top);left:var(--rs-buttonrs-ripple-upgradedPEafter---left);-webkit-transform:var(--rs-buttonrs-ripple-upgradedPEafter---transform);transform:var(--rs-buttonrs-ripple-upgradedPEafter---transform);-webkit-transform-origin:var(--rs-buttonrs-ripple-upgradedPEafter---transform-origin);transform-origin:var(--rs-buttonrs-ripple-upgradedPEafter---transform-origin);width:var(--rs-ripple-fg-size,100%);height:var(--rs-ripple-fg-size,100%)}.rs-button.rs-ripple-upgraded--unbounded:after{top:var(--rs-ripple-top,0);left:var(--rs-ripple-left,0)}.rs-button.rs-ripple-upgraded--foreground-activation:after{-webkit-animation:var(--rs-buttonrs-ripple-upgraded--foreground-activationPEafter---animation);animation:var(--rs-buttonrs-ripple-upgraded--foreground-activationPEafter---animation)}.rs-button.rs-ripple-upgraded--foreground-deactivation:after{-webkit-animation:var(--rs-buttonrs-ripple-upgraded--foreground-deactivationPEafter---animation);animation:var(--rs-buttonrs-ripple-upgraded--foreground-deactivationPEafter---animation);-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}.rs-button:hover:before{opacity:var(--rs-buttonPShoverPEbefore---opacity)}.rs-button:not(.rs-ripple-upgraded):focus:before{-webkit-transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);opacity:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---opacity)}.rs-button.rs-ripple-upgraded--background-focused:before{-webkit-transition-duration:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---transition-duration);transition-duration:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---transition-duration);opacity:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---opacity)}.rs-button:not(.rs-ripple-upgraded):after{-webkit-transition:var(--rs-buttonPSnotVrs-ripple-upgradedPEafter---transition);transition:var(--rs-buttonPSnotVrs-ripple-upgradedPEafter---transition)}.rs-button:not(.rs-ripple-upgraded):active:after{-webkit-transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);opacity:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---opacity)}.rs-button.rs-ripple-upgraded{--rs-ripple-fg-opacity:var(--rs-buttonrs-ripple-upgraded-----rs-ripple-fg-opacity)}.rs-button.-fixed{position:var(--rs-button-fixed---position);bottom:var(--rs-button-fixed---bottom);right:var(--rs-button-fixed---right);left:var(--rs-button-fixed---left);-webkit-transform:var(--rs-button-fixed---transform);transform:var(--rs-button-fixed---transform)}.rs-button>.label:before{font-family:var(--rs-buttonCHlabelPEbefore---font-family);content:var(--rs-buttonCHlabelPEbefore---content);display:var(--rs-buttonCHlabelPEbefore---display);width:var(--rs-buttonCHlabelPEbefore---width);height:var(--rs-buttonCHlabelPEbefore---height);font-size:var(--rs-buttonCHlabelPEbefore---font-size);vertical-align:var(--rs-buttonCHlabelPEbefore---vertical-align);margin:var(--rs-buttonCHlabelPEbefore---margin);color:var(--rs-buttonCHlabelPEbefore---color)}.rs-button>.label:after{font-family:var(--rs-buttonCHlabelPEafter---font-family);content:var(--rs-buttonCHlabelPEafter---content);display:var(--rs-buttonCHlabelPEafter---display);width:var(--rs-buttonCHlabelPEafter---width);height:var(--rs-buttonCHlabelPEafter---height);font-size:var(--rs-buttonCHlabelPEafter---font-size);vertical-align:var(--rs-buttonCHlabelPEafter---vertical-align);margin:var(--rs-buttonCHlabelPEafter---margin)}.rs-button.-no-text{min-width:var(--rs-button-no-text---min-width);width:var(--rs-button-no-text---width);height:var(--rs-button-no-text---height);padding:var(--rs-button-no-text---padding);font-size:var(--rs-button-no-text---font-size);display:var(--rs-button-no-text---display);background-color:var(--rs-button-no-text---background-color);cursor:var(--rs-button-no-text---cursor);border-radius:var(--rs-button-no-text---border-radius);color:var(--rs-button-no-text---color)}.rs-button.-no-text:after,.rs-button.-no-text:before{background-color:var(--rs-button-no-textPEbeforers-button-no-textPEafter---background-color);content:var(--rs-button-no-textPEbeforers-button-no-textPEafter---content)}.rs-button.-no-text:hover:before{opacity:var(--rs-button-no-textPShoverPEbefore---opacity)}.rs-button.-no-text:not(.rs-ripple-upgraded):focus:before{-webkit-transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);opacity:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---opacity)}.rs-button.-no-text.rs-ripple-upgraded--background-focused:before{-webkit-transition-duration:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---transition-duration);transition-duration:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---transition-duration);opacity:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---opacity)}.rs-button.-no-text:not(.rs-ripple-upgraded):after{-webkit-transition:var(--rs-button-no-textPSnotVrs-ripple-upgradedPEafter---transition);transition:var(--rs-button-no-textPSnotVrs-ripple-upgradedPEafter---transition)}.rs-button.-no-text:not(.rs-ripple-upgraded):active:after{-webkit-transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);opacity:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---opacity)}.rs-button.-no-text.rs-ripple-upgraded{--rs-ripple-fg-opacity:var(--rs-button-no-textrs-ripple-upgraded-----rs-ripple-fg-opacity)}.rs-button.-no-text>.label:before{width:var(--rs-button-no-textCHlabelPEbefore---width);height:var(--rs-button-no-textCHlabelPEbefore---height);font-size:var(--rs-button-no-textCHlabelPEbefore---font-size);margin:var(--rs-button-no-textCHlabelPEbefore---margin);vertical-align:var(--rs-button-no-textCHlabelPEbefore---vertical-align)}.rs-button.-extended{width:var(--rs-button-extended---width);max-width:var(--rs-button-extended---max-width);height:var(--rs-button-extended---height);-ms-flex-pack:var(--rs-button-extended---justify-content);justify-content:var(--rs-button-extended---justify-content);text-overflow:var(--rs-button-extended---text-overflow);white-space:var(--rs-button-extended---white-space);border-radius:var(--rs-button-extended---border-radius);font-size:var(--rs-button-extended---font-size);padding:var(--rs-button-extended---padding);line-height:var(--rs-button-extended---line-height)}.rs-button.-extended>.label:before{margin:var(--rs-button-extendedCHlabelPEbefore---margin)}.rs-button.-extended>.label:after{margin:var(--rs-button-extendedCHlabelPEafter---margin)}.rs-button.-exited{-webkit-transform:var(--rs-button-exited---transform);transform:var(--rs-button-exited---transform);-webkit-transition:var(--rs-button-exited---transition);transition:var(--rs-button-exited---transition);opacity:var(--rs-button-exited---opacity)}.rs-button:not(.-disabled).-no-text{color:var(--rs-buttonPSnotV-disabled-no-text---color)}.rs-button:not(.-disabled){color:var(--rs-buttonPSnotV-disabled---color);background-color:var(--rs-buttonPSnotV-disabled---background-color);border-color:var(--rs-buttonPSnotV-disabled---border-color)}.rs-button:not(.-disabled)>.label:before{color:var(--rs-buttonPSnotV-disabledCHlabelPEbefore---color)}.rs-button:not(.-disabled)>.label:after{color:var(--rs-buttonPSnotV-disabledCHlabelPEafter---color)}.rs-button::-moz-focus-inner{padding:var(--rs-buttonPE-moz-focus-inner---padding);border:var(--rs-buttonPE-moz-focus-inner---border)}.rs-button:hover{cursor:var(--rs-buttonPShover---cursor);-webkit-box-shadow:var(--rs-buttonPShover---box-shadow);box-shadow:var(--rs-buttonPShover---box-shadow)}.rs-button:active{outline:var(--rs-buttonPSactive---outline);-webkit-box-shadow:var(--rs-buttonPSactive---box-shadow);box-shadow:var(--rs-buttonPSactive---box-shadow)}.rs-button.-disabled{color:var(--rs-button-disabled---color);background:var(--rs-button-disabled---background);cursor:var(--rs-button-disabled---cursor);pointer-events:var(--rs-button-disabled---pointer-events);border-color:var(--rs-button-disabled---border-color);-webkit-box-shadow:var(--rs-button-disabled---box-shadow);box-shadow:var(--rs-button-disabled---box-shadow)}"; } | ||
}; | ||
exports.rs_button = Button; |
@@ -10,22 +10,22 @@ import { Host, h } from "@stencil/core"; | ||
} | ||
fixedHandler() { | ||
this.isFixed(); | ||
} | ||
async isDisabled() { | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
if (this.disabled) { | ||
this.button.classList.add("-disabled"); | ||
this.button.classList.add('-disabled'); | ||
} | ||
else { | ||
this.button.classList.remove("-disabled"); | ||
this.button.classList.remove('-disabled'); | ||
} | ||
} | ||
async isExited() { | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
if (this.exited) { | ||
this.button.classList.add("-exited"); | ||
this.button.classList.add('-exited'); | ||
} | ||
else { | ||
this.button.classList.remove("-exited"); | ||
this.button.classList.remove('-exited'); | ||
} | ||
} | ||
async activateRipple() { | ||
this.button = this.el.shadowRoot.querySelector(".rs-button"); | ||
this.button[0].ripple.active(); | ||
@@ -37,18 +37,27 @@ setTimeout(() => { | ||
} | ||
async isFixed() { | ||
if (this.fixed) { | ||
this.button.classList.add('-fixed'); | ||
} | ||
else { | ||
this.button.classList.remove('-fixed'); | ||
} | ||
} | ||
componentDidLoad() { | ||
const button = this.el.shadowRoot.querySelector('.rs-button'); | ||
const ripple = new RSRipple(button); | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
const ripple = new RSRipple(this.button); | ||
const slot = this.el.shadowRoot.querySelector('slot'); | ||
const styles = window.getComputedStyle(button); | ||
const isRippleUnbounded = String(styles.getPropertyValue('--rs-button-----ripple')).trim(); | ||
const styles = window.getComputedStyle(this.button); | ||
const isRippleUnbounded = String(styles.getPropertyValue('--rs-button-----ripple')).trim(); // TODO | ||
const slotChildren = Array.from(slot.assignedNodes()); | ||
if (slotChildren.length === 0 && !isRippleUnbounded) { | ||
button.classList.add('-no-text'); | ||
this.button.classList.add('-no-text'); | ||
ripple.unbounded = true; | ||
} | ||
else if (slotChildren.length > 0 && isRippleUnbounded) { | ||
button.classList.add('-extended'); | ||
this.button.classList.add('-extended'); | ||
} | ||
this.isDisabled(); | ||
this.isExited(); | ||
this.isFixed(); | ||
} | ||
@@ -103,2 +112,19 @@ render() { | ||
"reflect": false | ||
}, | ||
"fixed": { | ||
"type": "boolean", | ||
"mutable": false, | ||
"complexType": { | ||
"original": "boolean", | ||
"resolved": "boolean", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": false, | ||
"docs": { | ||
"tags": [], | ||
"text": "" | ||
}, | ||
"attribute": "fixed", | ||
"reflect": false | ||
} | ||
@@ -154,2 +180,18 @@ }; } | ||
} | ||
}, | ||
"isFixed": { | ||
"complexType": { | ||
"signature": "() => Promise<void>", | ||
"parameters": [], | ||
"references": { | ||
"Promise": { | ||
"location": "global" | ||
} | ||
}, | ||
"return": "Promise<void>" | ||
}, | ||
"docs": { | ||
"text": "", | ||
"tags": [] | ||
} | ||
} | ||
@@ -164,3 +206,6 @@ }; } | ||
"methodName": "exitedHandler" | ||
}, { | ||
"propName": "fixed", | ||
"methodName": "fixedHandler" | ||
}]; } | ||
} |
@@ -981,22 +981,22 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-baf62d36.js'; | ||
} | ||
fixedHandler() { | ||
this.isFixed(); | ||
} | ||
async isDisabled() { | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
if (this.disabled) { | ||
this.button.classList.add("-disabled"); | ||
this.button.classList.add('-disabled'); | ||
} | ||
else { | ||
this.button.classList.remove("-disabled"); | ||
this.button.classList.remove('-disabled'); | ||
} | ||
} | ||
async isExited() { | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
if (this.exited) { | ||
this.button.classList.add("-exited"); | ||
this.button.classList.add('-exited'); | ||
} | ||
else { | ||
this.button.classList.remove("-exited"); | ||
this.button.classList.remove('-exited'); | ||
} | ||
} | ||
async activateRipple() { | ||
this.button = this.el.shadowRoot.querySelector(".rs-button"); | ||
this.button[0].ripple.active(); | ||
@@ -1008,18 +1008,27 @@ setTimeout(() => { | ||
} | ||
async isFixed() { | ||
if (this.fixed) { | ||
this.button.classList.add('-fixed'); | ||
} | ||
else { | ||
this.button.classList.remove('-fixed'); | ||
} | ||
} | ||
componentDidLoad() { | ||
const button = this.el.shadowRoot.querySelector('.rs-button'); | ||
const ripple = new RSRipple(button); | ||
this.button = this.el.shadowRoot.querySelector('.rs-button'); | ||
const ripple = new RSRipple(this.button); | ||
const slot = this.el.shadowRoot.querySelector('slot'); | ||
const styles = window.getComputedStyle(button); | ||
const isRippleUnbounded = String(styles.getPropertyValue('--rs-button-----ripple')).trim(); | ||
const styles = window.getComputedStyle(this.button); | ||
const isRippleUnbounded = String(styles.getPropertyValue('--rs-button-----ripple')).trim(); // TODO | ||
const slotChildren = Array.from(slot.assignedNodes()); | ||
if (slotChildren.length === 0 && !isRippleUnbounded) { | ||
button.classList.add('-no-text'); | ||
this.button.classList.add('-no-text'); | ||
ripple.unbounded = true; | ||
} | ||
else if (slotChildren.length > 0 && isRippleUnbounded) { | ||
button.classList.add('-extended'); | ||
this.button.classList.add('-extended'); | ||
} | ||
this.isDisabled(); | ||
this.isExited(); | ||
this.isFixed(); | ||
} | ||
@@ -1032,7 +1041,8 @@ render() { | ||
"disabled": ["disabledHandler"], | ||
"exited": ["exitedHandler"] | ||
"exited": ["exitedHandler"], | ||
"fixed": ["fixedHandler"] | ||
}; } | ||
static get style() { return "\@-webkit-keyframes rs-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}}\@keyframes rs-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}}\@-webkit-keyframes rs-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--rs-ripple-fg-opacity,0)}}\@keyframes rs-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--rs-ripple-fg-opacity,0)}}\@-webkit-keyframes rs-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--rs-ripple-fg-opacity,0)}to{opacity:0}}\@keyframes rs-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--rs-ripple-fg-opacity,0)}to{opacity:0}}.rs-ripple-surface--test-edge-var-bug{visibility:var(--rs-ripple-surface--test-edge-var-bug---visibility)}.rs-ripple-surface--test-edge-var-bug:before{border:var(--rs-ripple-surface--test-edge-var-bugPEbefore---border)}.rs-button{--rs-ripple-fg-size:var(--rs-ripple-fg-size);--rs-ripple-left:var(--rs-ripple-left);--rs-ripple-top:var(--rs-ripple-top);--rs-ripple-fg-scale:var(--rs-ripple-fg-scale);--rs-ripple-fg-translate-end:var(--rs-ripple-fg-translate-end);--rs-ripple-fg-translate-start:var(--rs-ripple-fg-translate-start);-webkit-tap-highlight-color:var(--rs-button----webkit-tap-highlight-color);will-change:var(--rs-button---will-change);font-family:var(--rs-button---font-family);-moz-osx-font-smoothing:var(--rs-button----moz-osx-font-smoothing);-webkit-font-smoothing:var(--rs-button----webkit-font-smoothing);font-size:var(--rs-button---font-size);line-height:var(--rs-button---line-height);font-weight:var(--rs-button---font-weight);letter-spacing:var(--rs-button---letter-spacing);-webkit-text-decoration:var(--rs-button---text-decoration);text-decoration:var(--rs-button---text-decoration);text-transform:var(--rs-button---text-transform);display:var(--rs-button---display);position:var(--rs-button---position);-ms-flex-align:var(--rs-button---align-items);align-items:var(--rs-button---align-items);-ms-flex-pack:var(--rs-button---justify-content);justify-content:var(--rs-button---justify-content);-webkit-box-sizing:var(--rs-button---box-sizing);box-sizing:var(--rs-button---box-sizing);min-width:var(--rs-button---min-width);width:var(--rs-button---width);height:var(--rs-button---height);border:var(--rs-button---border);outline:var(--rs-button---outline);-webkit-user-select:var(--rs-button---user-select);-moz-user-select:var(--rs-button---user-select);-ms-user-select:var(--rs-button---user-select);user-select:var(--rs-button---user-select);-webkit-appearance:var(--rs-button----webkit-appearance);overflow:var(--rs-button---overflow);vertical-align:var(--rs-button---vertical-align);border-radius:var(--rs-button---border-radius);-webkit-box-shadow:var(--rs-button---box-shadow);box-shadow:var(--rs-button---box-shadow);-webkit-transition:var(--rs-button---transition);transition:var(--rs-button---transition);padding:var(--rs-button---padding)}.rs-button:after,.rs-button:before{position:var(--rs-buttonPEbeforers-buttonPEafter---position);border-radius:var(--rs-buttonPEbeforers-buttonPEafter---border-radius);opacity:var(--rs-buttonPEbeforers-buttonPEafter---opacity);pointer-events:var(--rs-buttonPEbeforers-buttonPEafter---pointer-events);content:var(--rs-buttonPEbeforers-buttonPEafter---content);top:var(--rs-buttonPEbeforers-buttonPEafter---top);left:var(--rs-buttonPEbeforers-buttonPEafter---left);width:var(--rs-buttonPEbeforers-buttonPEafter---width);height:var(--rs-buttonPEbeforers-buttonPEafter---height);background-color:var(--rs-buttonPEbeforers-buttonPEafter---background-color)}.rs-button:before{-webkit-transition:var(--rs-buttonPEbefore---transition);transition:var(--rs-buttonPEbefore---transition);z-index:var(--rs-buttonPEbefore---z-index)}.rs-button.rs-ripple-upgraded:before{-webkit-transform:scale(var(--rs-ripple-fg-scale,1));transform:scale(var(--rs-ripple-fg-scale,1))}.rs-button.rs-ripple-upgraded:after{top:var(--rs-buttonrs-ripple-upgradedPEafter---top);left:var(--rs-buttonrs-ripple-upgradedPEafter---left);-webkit-transform:var(--rs-buttonrs-ripple-upgradedPEafter---transform);transform:var(--rs-buttonrs-ripple-upgradedPEafter---transform);-webkit-transform-origin:var(--rs-buttonrs-ripple-upgradedPEafter---transform-origin);transform-origin:var(--rs-buttonrs-ripple-upgradedPEafter---transform-origin);width:var(--rs-ripple-fg-size,100%);height:var(--rs-ripple-fg-size,100%)}.rs-button.rs-ripple-upgraded--unbounded:after{top:var(--rs-ripple-top,0);left:var(--rs-ripple-left,0)}.rs-button.rs-ripple-upgraded--foreground-activation:after{-webkit-animation:var(--rs-buttonrs-ripple-upgraded--foreground-activationPEafter---animation);animation:var(--rs-buttonrs-ripple-upgraded--foreground-activationPEafter---animation)}.rs-button.rs-ripple-upgraded--foreground-deactivation:after{-webkit-animation:var(--rs-buttonrs-ripple-upgraded--foreground-deactivationPEafter---animation);animation:var(--rs-buttonrs-ripple-upgraded--foreground-deactivationPEafter---animation);-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}.rs-button:hover:before{opacity:var(--rs-buttonPShoverPEbefore---opacity)}.rs-button:not(.rs-ripple-upgraded):focus:before{-webkit-transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);opacity:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---opacity)}.rs-button.rs-ripple-upgraded--background-focused:before{-webkit-transition-duration:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---transition-duration);transition-duration:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---transition-duration);opacity:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---opacity)}.rs-button:not(.rs-ripple-upgraded):after{-webkit-transition:var(--rs-buttonPSnotVrs-ripple-upgradedPEafter---transition);transition:var(--rs-buttonPSnotVrs-ripple-upgradedPEafter---transition)}.rs-button:not(.rs-ripple-upgraded):active:after{-webkit-transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);opacity:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---opacity)}.rs-button.rs-ripple-upgraded{--rs-ripple-fg-opacity:var(--rs-buttonrs-ripple-upgraded-----rs-ripple-fg-opacity)}.rs-button>.label:before{font-family:var(--rs-buttonCHlabelPEbefore---font-family);content:var(--rs-buttonCHlabelPEbefore---content);display:var(--rs-buttonCHlabelPEbefore---display);width:var(--rs-buttonCHlabelPEbefore---width);height:var(--rs-buttonCHlabelPEbefore---height);font-size:var(--rs-buttonCHlabelPEbefore---font-size);vertical-align:var(--rs-buttonCHlabelPEbefore---vertical-align);margin:var(--rs-buttonCHlabelPEbefore---margin)}.rs-button>.label:after{font-family:var(--rs-buttonCHlabelPEafter---font-family);content:var(--rs-buttonCHlabelPEafter---content);display:var(--rs-buttonCHlabelPEafter---display);width:var(--rs-buttonCHlabelPEafter---width);height:var(--rs-buttonCHlabelPEafter---height);font-size:var(--rs-buttonCHlabelPEafter---font-size);vertical-align:var(--rs-buttonCHlabelPEafter---vertical-align);margin:var(--rs-buttonCHlabelPEafter---margin)}.rs-button.-no-text{min-width:var(--rs-button-no-text---min-width);width:var(--rs-button-no-text---width);height:var(--rs-button-no-text---height);padding:var(--rs-button-no-text---padding);font-size:var(--rs-button-no-text---font-size);display:var(--rs-button-no-text---display);background-color:var(--rs-button-no-text---background-color);cursor:var(--rs-button-no-text---cursor);border-radius:var(--rs-button-no-text---border-radius);color:var(--rs-button-no-text---color)}.rs-button.-no-text:after,.rs-button.-no-text:before{background-color:var(--rs-button-no-textPEbeforers-button-no-textPEafter---background-color);content:var(--rs-button-no-textPEbeforers-button-no-textPEafter---content)}.rs-button.-no-text:hover:before{opacity:var(--rs-button-no-textPShoverPEbefore---opacity)}.rs-button.-no-text:not(.rs-ripple-upgraded):focus:before{-webkit-transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);opacity:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---opacity)}.rs-button.-no-text.rs-ripple-upgraded--background-focused:before{-webkit-transition-duration:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---transition-duration);transition-duration:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---transition-duration);opacity:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---opacity)}.rs-button.-no-text:not(.rs-ripple-upgraded):after{-webkit-transition:var(--rs-button-no-textPSnotVrs-ripple-upgradedPEafter---transition);transition:var(--rs-button-no-textPSnotVrs-ripple-upgradedPEafter---transition)}.rs-button.-no-text:not(.rs-ripple-upgraded):active:after{-webkit-transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);opacity:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---opacity)}.rs-button.-no-text.rs-ripple-upgraded{--rs-ripple-fg-opacity:var(--rs-button-no-textrs-ripple-upgraded-----rs-ripple-fg-opacity)}.rs-button.-no-text>.label:before{width:var(--rs-button-no-textCHlabelPEbefore---width);height:var(--rs-button-no-textCHlabelPEbefore---height);font-size:var(--rs-button-no-textCHlabelPEbefore---font-size);margin:var(--rs-button-no-textCHlabelPEbefore---margin)}.rs-button.-extended{width:var(--rs-button-extended---width);max-width:var(--rs-button-extended---max-width);height:var(--rs-button-extended---height);-ms-flex-pack:var(--rs-button-extended---justify-content);justify-content:var(--rs-button-extended---justify-content);text-overflow:var(--rs-button-extended---text-overflow);white-space:var(--rs-button-extended---white-space);border-radius:var(--rs-button-extended---border-radius);font-size:var(--rs-button-extended---font-size);padding:var(--rs-button-extended---padding);line-height:var(--rs-button-extended---line-height)}.rs-button.-extended>.label:before{margin:var(--rs-button-extendedCHlabelPEbefore---margin)}.rs-button.-extended>.label:after{margin:var(--rs-button-extendedCHlabelPEafter---margin)}.rs-button.-exited{-webkit-transform:var(--rs-button-exited---transform);transform:var(--rs-button-exited---transform);-webkit-transition:var(--rs-button-exited---transition);transition:var(--rs-button-exited---transition);opacity:var(--rs-button-exited---opacity)}.rs-button:not(.-disabled).-no-text{color:var(--rs-buttonPSnotV-disabled-no-text---color)}.rs-button:not(.-disabled){color:var(--rs-buttonPSnotV-disabled---color);background-color:var(--rs-buttonPSnotV-disabled---background-color)}.rs-button::-moz-focus-inner{padding:var(--rs-buttonPE-moz-focus-inner---padding);border:var(--rs-buttonPE-moz-focus-inner---border)}.rs-button:hover{cursor:var(--rs-buttonPShover---cursor);-webkit-box-shadow:var(--rs-buttonPShover---box-shadow);box-shadow:var(--rs-buttonPShover---box-shadow)}.rs-button:active{outline:var(--rs-buttonPSactive---outline);-webkit-box-shadow:var(--rs-buttonPSactive---box-shadow);box-shadow:var(--rs-buttonPSactive---box-shadow)}.rs-button.-disabled{color:var(--rs-button-disabled---color);background:var(--rs-button-disabled---background);cursor:var(--rs-button-disabled---cursor);pointer-events:var(--rs-button-disabled---pointer-events);border-color:var(--rs-button-disabled---border-color);-webkit-box-shadow:var(--rs-button-disabled---box-shadow);box-shadow:var(--rs-button-disabled---box-shadow)}"; } | ||
static get style() { return "\@-webkit-keyframes rs-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}}\@keyframes rs-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--rs-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}}\@-webkit-keyframes rs-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--rs-ripple-fg-opacity,0)}}\@keyframes rs-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--rs-ripple-fg-opacity,0)}}\@-webkit-keyframes rs-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--rs-ripple-fg-opacity,0)}to{opacity:0}}\@keyframes rs-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--rs-ripple-fg-opacity,0)}to{opacity:0}}.rs-ripple-surface--test-edge-var-bug{visibility:var(--rs-ripple-surface--test-edge-var-bug---visibility)}.rs-ripple-surface--test-edge-var-bug:before{border:var(--rs-ripple-surface--test-edge-var-bugPEbefore---border)}.rs-button{--rs-ripple-fg-size:var(--rs-ripple-fg-size);--rs-ripple-left:var(--rs-ripple-left);--rs-ripple-top:var(--rs-ripple-top);--rs-ripple-fg-scale:var(--rs-ripple-fg-scale);--rs-ripple-fg-translate-end:var(--rs-ripple-fg-translate-end);--rs-ripple-fg-translate-start:var(--rs-ripple-fg-translate-start);-webkit-tap-highlight-color:var(--rs-button----webkit-tap-highlight-color);will-change:var(--rs-button---will-change);font-family:var(--rs-button---font-family);-moz-osx-font-smoothing:var(--rs-button----moz-osx-font-smoothing);-webkit-font-smoothing:var(--rs-button----webkit-font-smoothing);font-size:var(--rs-button---font-size);line-height:var(--rs-button---line-height);font-weight:var(--rs-button---font-weight);letter-spacing:var(--rs-button---letter-spacing);-webkit-text-decoration:var(--rs-button---text-decoration);text-decoration:var(--rs-button---text-decoration);text-transform:var(--rs-button---text-transform);display:var(--rs-button---display);position:var(--rs-button---position);-ms-flex-align:var(--rs-button---align-items);align-items:var(--rs-button---align-items);-ms-flex-pack:var(--rs-button---justify-content);justify-content:var(--rs-button---justify-content);-webkit-box-sizing:var(--rs-button---box-sizing);box-sizing:var(--rs-button---box-sizing);min-width:var(--rs-button---min-width);width:var(--rs-button---width);height:var(--rs-button---height);border:var(--rs-button---border);outline:var(--rs-button---outline);-webkit-user-select:var(--rs-button---user-select);-moz-user-select:var(--rs-button---user-select);-ms-user-select:var(--rs-button---user-select);user-select:var(--rs-button---user-select);-webkit-appearance:var(--rs-button----webkit-appearance);overflow:var(--rs-button---overflow);vertical-align:var(--rs-button---vertical-align);border-radius:var(--rs-button---border-radius);-webkit-box-shadow:var(--rs-button---box-shadow);box-shadow:var(--rs-button---box-shadow);-webkit-transition:var(--rs-button---transition);transition:var(--rs-button---transition);padding:var(--rs-button---padding);border-width:var(--rs-button---border-width);color:var(--rs-button---color);white-space:var(--rs-button---white-space)}.rs-button:after,.rs-button:before{position:var(--rs-buttonPEbeforers-buttonPEafter---position);border-radius:var(--rs-buttonPEbeforers-buttonPEafter---border-radius);opacity:var(--rs-buttonPEbeforers-buttonPEafter---opacity);pointer-events:var(--rs-buttonPEbeforers-buttonPEafter---pointer-events);content:var(--rs-buttonPEbeforers-buttonPEafter---content);top:var(--rs-buttonPEbeforers-buttonPEafter---top);left:var(--rs-buttonPEbeforers-buttonPEafter---left);width:var(--rs-buttonPEbeforers-buttonPEafter---width);height:var(--rs-buttonPEbeforers-buttonPEafter---height);background-color:var(--rs-buttonPEbeforers-buttonPEafter---background-color)}.rs-button:before{-webkit-transition:var(--rs-buttonPEbefore---transition);transition:var(--rs-buttonPEbefore---transition);z-index:var(--rs-buttonPEbefore---z-index)}.rs-button.rs-ripple-upgraded:before{-webkit-transform:scale(var(--rs-ripple-fg-scale,1));transform:scale(var(--rs-ripple-fg-scale,1))}.rs-button.rs-ripple-upgraded:after{top:var(--rs-buttonrs-ripple-upgradedPEafter---top);left:var(--rs-buttonrs-ripple-upgradedPEafter---left);-webkit-transform:var(--rs-buttonrs-ripple-upgradedPEafter---transform);transform:var(--rs-buttonrs-ripple-upgradedPEafter---transform);-webkit-transform-origin:var(--rs-buttonrs-ripple-upgradedPEafter---transform-origin);transform-origin:var(--rs-buttonrs-ripple-upgradedPEafter---transform-origin);width:var(--rs-ripple-fg-size,100%);height:var(--rs-ripple-fg-size,100%)}.rs-button.rs-ripple-upgraded--unbounded:after{top:var(--rs-ripple-top,0);left:var(--rs-ripple-left,0)}.rs-button.rs-ripple-upgraded--foreground-activation:after{-webkit-animation:var(--rs-buttonrs-ripple-upgraded--foreground-activationPEafter---animation);animation:var(--rs-buttonrs-ripple-upgraded--foreground-activationPEafter---animation)}.rs-button.rs-ripple-upgraded--foreground-deactivation:after{-webkit-animation:var(--rs-buttonrs-ripple-upgraded--foreground-deactivationPEafter---animation);animation:var(--rs-buttonrs-ripple-upgraded--foreground-deactivationPEafter---animation);-webkit-transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1));transform:translate(var(--rs-ripple-fg-translate-end,0)) scale(var(--rs-ripple-fg-scale,1))}.rs-button:hover:before{opacity:var(--rs-buttonPShoverPEbefore---opacity)}.rs-button:not(.rs-ripple-upgraded):focus:before{-webkit-transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);opacity:var(--rs-buttonPSnotVrs-ripple-upgradedPSfocusPEbefore---opacity)}.rs-button.rs-ripple-upgraded--background-focused:before{-webkit-transition-duration:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---transition-duration);transition-duration:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---transition-duration);opacity:var(--rs-buttonrs-ripple-upgraded--background-focusedPEbefore---opacity)}.rs-button:not(.rs-ripple-upgraded):after{-webkit-transition:var(--rs-buttonPSnotVrs-ripple-upgradedPEafter---transition);transition:var(--rs-buttonPSnotVrs-ripple-upgradedPEafter---transition)}.rs-button:not(.rs-ripple-upgraded):active:after{-webkit-transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);transition-duration:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);opacity:var(--rs-buttonPSnotVrs-ripple-upgradedPSactivePEafter---opacity)}.rs-button.rs-ripple-upgraded{--rs-ripple-fg-opacity:var(--rs-buttonrs-ripple-upgraded-----rs-ripple-fg-opacity)}.rs-button.-fixed{position:var(--rs-button-fixed---position);bottom:var(--rs-button-fixed---bottom);right:var(--rs-button-fixed---right);left:var(--rs-button-fixed---left);-webkit-transform:var(--rs-button-fixed---transform);transform:var(--rs-button-fixed---transform)}.rs-button>.label:before{font-family:var(--rs-buttonCHlabelPEbefore---font-family);content:var(--rs-buttonCHlabelPEbefore---content);display:var(--rs-buttonCHlabelPEbefore---display);width:var(--rs-buttonCHlabelPEbefore---width);height:var(--rs-buttonCHlabelPEbefore---height);font-size:var(--rs-buttonCHlabelPEbefore---font-size);vertical-align:var(--rs-buttonCHlabelPEbefore---vertical-align);margin:var(--rs-buttonCHlabelPEbefore---margin);color:var(--rs-buttonCHlabelPEbefore---color)}.rs-button>.label:after{font-family:var(--rs-buttonCHlabelPEafter---font-family);content:var(--rs-buttonCHlabelPEafter---content);display:var(--rs-buttonCHlabelPEafter---display);width:var(--rs-buttonCHlabelPEafter---width);height:var(--rs-buttonCHlabelPEafter---height);font-size:var(--rs-buttonCHlabelPEafter---font-size);vertical-align:var(--rs-buttonCHlabelPEafter---vertical-align);margin:var(--rs-buttonCHlabelPEafter---margin)}.rs-button.-no-text{min-width:var(--rs-button-no-text---min-width);width:var(--rs-button-no-text---width);height:var(--rs-button-no-text---height);padding:var(--rs-button-no-text---padding);font-size:var(--rs-button-no-text---font-size);display:var(--rs-button-no-text---display);background-color:var(--rs-button-no-text---background-color);cursor:var(--rs-button-no-text---cursor);border-radius:var(--rs-button-no-text---border-radius);color:var(--rs-button-no-text---color)}.rs-button.-no-text:after,.rs-button.-no-text:before{background-color:var(--rs-button-no-textPEbeforers-button-no-textPEafter---background-color);content:var(--rs-button-no-textPEbeforers-button-no-textPEafter---content)}.rs-button.-no-text:hover:before{opacity:var(--rs-button-no-textPShoverPEbefore---opacity)}.rs-button.-no-text:not(.rs-ripple-upgraded):focus:before{-webkit-transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---transition-duration);opacity:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSfocusPEbefore---opacity)}.rs-button.-no-text.rs-ripple-upgraded--background-focused:before{-webkit-transition-duration:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---transition-duration);transition-duration:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---transition-duration);opacity:var(--rs-button-no-textrs-ripple-upgraded--background-focusedPEbefore---opacity)}.rs-button.-no-text:not(.rs-ripple-upgraded):after{-webkit-transition:var(--rs-button-no-textPSnotVrs-ripple-upgradedPEafter---transition);transition:var(--rs-button-no-textPSnotVrs-ripple-upgradedPEafter---transition)}.rs-button.-no-text:not(.rs-ripple-upgraded):active:after{-webkit-transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);transition-duration:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---transition-duration);opacity:var(--rs-button-no-textPSnotVrs-ripple-upgradedPSactivePEafter---opacity)}.rs-button.-no-text.rs-ripple-upgraded{--rs-ripple-fg-opacity:var(--rs-button-no-textrs-ripple-upgraded-----rs-ripple-fg-opacity)}.rs-button.-no-text>.label:before{width:var(--rs-button-no-textCHlabelPEbefore---width);height:var(--rs-button-no-textCHlabelPEbefore---height);font-size:var(--rs-button-no-textCHlabelPEbefore---font-size);margin:var(--rs-button-no-textCHlabelPEbefore---margin);vertical-align:var(--rs-button-no-textCHlabelPEbefore---vertical-align)}.rs-button.-extended{width:var(--rs-button-extended---width);max-width:var(--rs-button-extended---max-width);height:var(--rs-button-extended---height);-ms-flex-pack:var(--rs-button-extended---justify-content);justify-content:var(--rs-button-extended---justify-content);text-overflow:var(--rs-button-extended---text-overflow);white-space:var(--rs-button-extended---white-space);border-radius:var(--rs-button-extended---border-radius);font-size:var(--rs-button-extended---font-size);padding:var(--rs-button-extended---padding);line-height:var(--rs-button-extended---line-height)}.rs-button.-extended>.label:before{margin:var(--rs-button-extendedCHlabelPEbefore---margin)}.rs-button.-extended>.label:after{margin:var(--rs-button-extendedCHlabelPEafter---margin)}.rs-button.-exited{-webkit-transform:var(--rs-button-exited---transform);transform:var(--rs-button-exited---transform);-webkit-transition:var(--rs-button-exited---transition);transition:var(--rs-button-exited---transition);opacity:var(--rs-button-exited---opacity)}.rs-button:not(.-disabled).-no-text{color:var(--rs-buttonPSnotV-disabled-no-text---color)}.rs-button:not(.-disabled){color:var(--rs-buttonPSnotV-disabled---color);background-color:var(--rs-buttonPSnotV-disabled---background-color);border-color:var(--rs-buttonPSnotV-disabled---border-color)}.rs-button:not(.-disabled)>.label:before{color:var(--rs-buttonPSnotV-disabledCHlabelPEbefore---color)}.rs-button:not(.-disabled)>.label:after{color:var(--rs-buttonPSnotV-disabledCHlabelPEafter---color)}.rs-button::-moz-focus-inner{padding:var(--rs-buttonPE-moz-focus-inner---padding);border:var(--rs-buttonPE-moz-focus-inner---border)}.rs-button:hover{cursor:var(--rs-buttonPShover---cursor);-webkit-box-shadow:var(--rs-buttonPShover---box-shadow);box-shadow:var(--rs-buttonPShover---box-shadow)}.rs-button:active{outline:var(--rs-buttonPSactive---outline);-webkit-box-shadow:var(--rs-buttonPSactive---box-shadow);box-shadow:var(--rs-buttonPSactive---box-shadow)}.rs-button.-disabled{color:var(--rs-button-disabled---color);background:var(--rs-button-disabled---background);cursor:var(--rs-button-disabled---cursor);pointer-events:var(--rs-button-disabled---pointer-events);border-color:var(--rs-button-disabled---border-color);-webkit-box-shadow:var(--rs-button-disabled---box-shadow);box-shadow:var(--rs-button-disabled---box-shadow)}"; } | ||
}; | ||
export { Button as rs_button }; |
@@ -16,4 +16,6 @@ /* tslint:disable */ | ||
'exited': boolean; | ||
'fixed': boolean; | ||
'isDisabled': () => Promise<void>; | ||
'isExited': () => Promise<void>; | ||
'isFixed': () => Promise<void>; | ||
} | ||
@@ -39,2 +41,3 @@ } | ||
'exited'?: boolean; | ||
'fixed'?: boolean; | ||
} | ||
@@ -41,0 +44,0 @@ |
export declare class Button { | ||
el: Element; | ||
button: HTMLElement; | ||
disabled: boolean; | ||
exited: boolean; | ||
fixed: boolean; | ||
button: HTMLElement; | ||
disabledHandler(): void; | ||
exitedHandler(): void; | ||
fixedHandler(): void; | ||
isDisabled(): Promise<void>; | ||
isExited(): Promise<void>; | ||
activateRipple(): Promise<void>; | ||
isFixed(): Promise<void>; | ||
componentDidLoad(): void; | ||
render(): any; | ||
} |
{ | ||
"name": "@rsmdc/button", | ||
"version": "1.1.20", | ||
"description": "Stencil Component Starter", | ||
"version": "1.1.23", | ||
"description": "Material design button component by custom elements", | ||
"main": "dist/index.js", | ||
@@ -34,8 +34,8 @@ "module": "dist/index.mjs", | ||
"devDependencies": { | ||
"@rsmdc/elevation": "^1.1.0", | ||
"@rsmdc/ripple": "^1.1.20", | ||
"@rsmdc/rtl": "^1.1.20", | ||
"@rsmdc/shape": "^1.1.0", | ||
"@rsmdc/theme": "^1.1.0", | ||
"@rsmdc/typography": "^1.1.0", | ||
"@rsmdc/elevation": "^1.1.23", | ||
"@rsmdc/ripple": "^1.1.23", | ||
"@rsmdc/rtl": "^1.1.23", | ||
"@rsmdc/shape": "^1.1.23", | ||
"@rsmdc/theme": "^1.1.23", | ||
"@rsmdc/typography": "^1.1.23", | ||
"@stencil/core": "^1.3.3" | ||
@@ -46,3 +46,3 @@ }, | ||
}, | ||
"gitHead": "26ee21925a6b5d2c91c31c4f5b20c37528f62e63" | ||
"gitHead": "3abb05539913af1f6ff4625ee771f88bed0d1d8a" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
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
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
1093924
16234