FileMaster

Edit File: sc-alert.js

import{h,Host}from"@stencil/core";import{isRtl}from"../../../functions/page-align";export class ScAlert{constructor(){this.open=!1,this.title=void 0,this.closable=!1,this.type="primary",this.duration=1/0,this.scrollOnOpen=void 0,this.scrollMargin="0px",this.noIcon=void 0,this.autoHideTimeout=void 0}async show(){this.open||(this.open=!0)}async hide(){this.open&&(this.open=!1)}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))}handleMouseMove(){this.restartAutoHide()}handleCloseClick(){this.hide()}handleOpenChange(){this.open?this.scShow.emit():this.scHide.emit(),this.open&&this.scrollOnOpen&&this.el.scrollIntoView({behavior:"smooth"})}componentDidLoad(){this.handleOpenChange()}iconName(){switch(this.type){case"danger":return"alert-circle";case"success":return"check-circle";case"warning":return"alert-triangle";default:return"info"}}icon(){return h("sc-icon",{name:this.iconName()})}render(){return h(Host,{key:"9e793f9eda3f20c87381a95a376ce94c2cc5f5c9",style:{"scroll-margin-top":this.scrollMargin}},h("div",{key:"897ce58417120b1223d2eaaf67984496dfc7d600",class:{alert:!0,"alert--primary":"primary"===this.type,"alert--success":"success"===this.type,"alert--info":"info"===this.type,"alert--warning":"warning"===this.type,"alert--danger":"danger"===this.type,"alert--is-rtl":isRtl()},part:"base",role:"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":this.open?"false":"true",hidden:!this.open,onMouseMove:()=>this.handleMouseMove()},h("div",{key:"e716644cfcb76f53dfbf549cecea0ec183e18996",class:"alert__icon",part:"icon"},h("slot",{key:"8b0a17621dbe0a2df9a82d8b94e67826d649169e",name:"icon"},this.icon())),h("div",{key:"5dff851009f1db23ef254ad430d022a314f061be",class:"alert__text",part:"text"},h("div",{key:"d03ba5af5d9c56d95aa99e64313881793297cfaf",class:"alert__title",part:"title"},h("slot",{key:"165a81c89d26319d948924657d63008dd7b42452",name:"title"},this.title)),h("div",{key:"fdaeeba96dff1c4e01b7beb5d9017d60bb485a47",class:"alert__message",part:"message"},h("slot",{key:"602f3fb3d4fb8b846c4f162b69f9aad429a75475"}))),this.closable&&h("span",{key:"d7fc47873e24911b8cc569f281b1bb7cd01e089b",part:"close",class:"alert__close",onClick:()=>this.handleCloseClick()},h("span",{key:"f5123e8cff7fbcbee978ae7d1ec6cf363eaf9dc5",class:"sr-only"},"Dismiss"),h("svg",{key:"dbc9b094541f00d32af2b7b2f8117aba54e9e0ff",class:"h-5 w-5","x-description":"Heroicon name: solid/x",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},h("path",{key:"21999c629fe6c5b29cd4bb76fb6fe94736080dac","fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})))))}static get is(){return"sc-alert"}static get encapsulation(){return"shadow"}static get originalStyleUrls(){return{$:["sc-alert.scss"]}}static get styleUrls(){return{$:["sc-alert.css"]}}static get properties(){return{open:{type:"boolean",mutable:!0,complexType:{original:"boolean",resolved:"boolean",references:{}},required:!1,optional:!1,docs:{tags:[],text:"Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods."},attribute:"open",reflect:!0,defaultValue:"false"},title:{type:"string",mutable:!1,complexType:{original:"string",resolved:"string",references:{}},required:!1,optional:!1,docs:{tags:[],text:"The title."},attribute:"title",reflect:!1},closable:{type:"boolean",mutable:!1,complexType:{original:"boolean",resolved:"boolean",references:{}},required:!1,optional:!1,docs:{tags:[],text:"Makes the alert closable."},attribute:"closable",reflect:!0,defaultValue:"false"},type:{type:"string",mutable:!1,complexType:{original:"'primary' | 'success' | 'info' | 'warning' | 'danger'",resolved:'"danger" | "info" | "primary" | "success" | "warning"',references:{}},required:!1,optional:!1,docs:{tags:[],text:"The type of alert."},attribute:"type",reflect:!0,defaultValue:"'primary'"},duration:{type:"number",mutable:!1,complexType:{original:"number",resolved:"number",references:{}},required:!1,optional:!1,docs:{tags:[],text:"The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`."},attribute:"duration",reflect:!1,defaultValue:"Infinity"},scrollOnOpen:{type:"boolean",mutable:!1,complexType:{original:"boolean",resolved:"boolean",references:{}},required:!1,optional:!1,docs:{tags:[],text:"Scroll into view."},attribute:"scroll-on-open",reflect:!1},scrollMargin:{type:"string",mutable:!1,complexType:{original:"string",resolved:"string",references:{}},required:!1,optional:!1,docs:{tags:[],text:"Scroll margin"},attribute:"scroll-margin",reflect:!1,defaultValue:"'0px'"},noIcon:{type:"boolean",mutable:!1,complexType:{original:"boolean",resolved:"boolean",references:{}},required:!1,optional:!1,docs:{tags:[],text:"No icon"},attribute:"no-icon",reflect:!1}}}static get states(){return{autoHideTimeout:{}}}static get events(){return[{method:"scHide",name:"scHide",bubbles:!0,cancelable:!0,composed:!0,docs:{tags:[],text:"When alert is hidden"},complexType:{original:"void",resolved:"void",references:{}}},{method:"scShow",name:"scShow",bubbles:!0,cancelable:!0,composed:!0,docs:{tags:[],text:"When alert is shown"},complexType:{original:"void",resolved:"void",references:{}}}]}static get methods(){return{show:{complexType:{signature:"() => Promise<void>",parameters:[],references:{Promise:{location:"global",id:"global::Promise"}},return:"Promise<void>"},docs:{text:"Shows the alert.",tags:[]}},hide:{complexType:{signature:"() => Promise<void>",parameters:[],references:{Promise:{location:"global",id:"global::Promise"}},return:"Promise<void>"},docs:{text:"Hides the alert",tags:[]}}}}static get elementRef(){return"el"}static get watchers(){return[{propName:"open",methodName:"handleOpenChange"}]}}

Back