3 lines
16 KiB
JavaScript
3 lines
16 KiB
JavaScript
|
/*! For license information please see 4271.Wt-YpksnxQk.js.LICENSE.txt */
|
||
|
|
export const id=4271;export const ids=[4271];export const modules={14271:(t,o,e)=>{e.d(o,{z:()=>b});var i=e(43204),n=e(95260),d=(e(75642),e(27763),e(38103)),r=e(98734),a=e(5095),p=e(53180),c=e(10694);class l extends a.oi{constructor(){super(...arguments),this.raised=!1,this.unelevated=!1,this.outlined=!1,this.dense=!1,this.disabled=!1,this.trailingIcon=!1,this.fullwidth=!1,this.icon="",this.label="",this.expandContent=!1,this.shouldRenderRipple=!1,this.rippleHandlers=new r.A((()=>(this.shouldRenderRipple=!0,this.ripple)))}renderOverlay(){return a.dy``}renderRipple(){const t=this.raised||this.unelevated;return this.shouldRenderRipple?a.dy`<mwc-ripple class="ripple" .primary="${!t}" .disabled="${this.disabled}"></mwc-ripple>`:""}focus(){const t=this.buttonElement;t&&(this.rippleHandlers.startFocus(),t.focus())}blur(){const t=this.buttonElement;t&&(this.rippleHandlers.endFocus(),t.blur())}getRenderClasses(){return{"mdc-button--raised":this.raised,"mdc-button--unelevated":this.unelevated,"mdc-button--outlined":this.outlined,"mdc-button--dense":this.dense}}render(){return a.dy` <button id="button" class="mdc-button ${(0,p.$)(this.getRenderClasses())}" ?disabled="${this.disabled}" aria-label="${this.label||this.icon}" aria-haspopup="${(0,c.o)(this.ariaHasPopup)}" @focus="${this.handleRippleFocus}" @blur="${this.handleRippleBlur}" @mousedown="${this.handleRippleActivate}" @mouseenter="${this.handleRippleMouseEnter}" @mouseleave="${this.handleRippleMouseLeave}" @touchstart="${this.handleRippleActivate}" @touchend="${this.handleRippleDeactivate}" @touchcancel="${this.handleRippleDeactivate}"> ${this.renderOverlay()} ${this.renderRipple()} <span class="leading-icon"> <slot name="icon"> ${this.icon&&!this.trailingIcon?this.renderIcon():""} </slot> </span> <span class="mdc-button__label">${this.label}</span> <span class="slot-container ${(0,p.$)({flex:this.expandContent})}"> <slot></slot> </span> <span class="trailing-icon"> <slot name="trailingIcon"> ${this.icon&&this.trailingIcon?this.renderIcon():""} </slot> </span> </button>`}renderIcon(){return a.dy` <mwc-icon class="mdc-button__icon"> ${this.icon} </mwc-icon>`}handleRippleActivate(t){const o=()=>{window.removeEventListener("mouseup",o),this.handleRippleDeactivate()};window.addEventListener("mouseup",o),this.rippleHandlers.startPress(t)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}l.shadowRootOptions={mode:"open",delegatesFocus:!0},(0,i.__decorate)([d.L,(0,n.Cb)({type:String,attribute:"aria-haspopup"})],l.prototype,"ariaHasPopup",void 0),(0,i.__decorate)([(0,n.Cb)({type:Boolean,reflect:!0})],l.prototype,"raised",void 0),(0,i.__decorate)([(0,n.Cb)({type:Boolean,reflect:!0})],l.prototype,"unelevated",void 0),(0,i.__decorate)([(0,n.Cb)({type:Boolean,reflect:!0})],l.prototype,"outlined",void 0),(0,i.__decorate)([(0,n.Cb)({type:Boolean})],l.prototype,"dense",void 0),(0,i.__decorate)([(0,n.Cb)({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0),(0,i.__decorate)([(0,n.Cb)({type:Boolean,attribute:"trailingicon"})],l.prototype,"trailingIcon",void 0),(0,i.__decorate)([(0,n.Cb)({type:Boolean,reflect:!0})],l.prototype,"fullwidth",void 0),(0,i.__decorate)([(0,n.Cb)({type:String})],l.prototype,"icon",void 0),(0,i.__decorate)([(0,n.Cb)({type:String})],l.prototype,"label",void 0),(0,i.__decorate)([(0,n.Cb)({type:Boolean})],l.prototype,"expandContent",void 0),(0,i.__decorate)([(0,n.IO)("#button")],l.prototype,"buttonElement",void 0),(0,i.__decorate)([(0,n.GC)("mwc-ripple")],l.prototype,"ripple",void 0),(0,i.__decorate)([(0,n.SB)()],l.prototype,"shouldRenderRipple",void 0),(0,i.__decorate)([(0,n.hO)({passive:!0})],l.prototype,"handleRippleActivate",null);var s=e(3712);let b=class extends l{};b.styles=[s.W],b=(0,i.__decorate)([(0,n.Mo)("mwc-button")],b)},3712:(t,o,e)=>{e.d(o,{W:()=>i});const i=e(5095).iv`.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-s
|
||
|
|
//# sourceMappingURL=4271.Wt-YpksnxQk.js.map
|