@scania/tegel 0.0.1-beta.9 → 0.0.2

package/dist/tegel/p-f52a0b63.entry.js

@@ -0,0 +1 @@
+import{r as s,c as n,h as i,H as d,g as r}from"./p-13b783f1.js";const e=class{constructor(i){s(this,i),this.sddsClose=n(this,"sddsClose",7),this.handleClose=()=>{this.sddsClose.emit({bannerId:this.bannerId,hidden:this.hidden}).defaultPrevented||(this.hidden=!0)},this.icon=void 0,this.header=void 0,this.subheader=void 0,this.linkText=void 0,this.href=void 0,this.linkTarget="_self",this.linkRel="noopener",this.type="none",this.bannerId=crypto.randomUUID(),this.persistent=!1,this.hidden=!1}async hideBanner(){return this.sddsClose.emit({bannerId:this.bannerId,hidden:this.hidden}).defaultPrevented||(this.hidden=!0),{bannerId:this.bannerId,hidden:!0}}async showBanner(){return this.sddsClose.emit({bannerId:this.bannerId,hidden:this.hidden}).defaultPrevented||(this.hidden=!1),{bannerId:this.bannerId,hidden:!1}}connectedCallback(){"error"===this.type?this.icon="error":"information"===this.type&&(this.icon="info")}render(){return i(d,{role:"banner","aria-hidden":`${this.hidden}`,"aria-live":this.host.getAttribute("aria-live")?this.host.getAttribute("aria-live"):"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:`${this.type} ${this.hidden?"hide":"show"}`},this.icon&&i("div",{class:`banner-icon ${this.type}`},i("sdds-icon",{name:this.icon,size:"20px"})),i("div",{class:`banner-content ${this.type} ${this.icon?"":"no-icon"}`},this.header&&i("span",{class:"banner-header"},this.header),this.subheader&&i("span",{class:"banner-subheader"},this.subheader),this.linkText&&this.href&&i("sdds-link",{"link-href":this.href,rel:this.linkRel,"link-target":this.linkTarget},this.linkText)),!this.persistent&&i("div",{class:"banner-close"},i("button",{onClick:()=>{this.handleClose()}},i("sdds-icon",{name:"cross",size:"20px"}))))}get host(){return r(this)}};e.style=":root,.sdds-mode-light{--sdds-link:var(--sdds-blue-500);--sdds-link-hover:var(--sdds-blue-400);--sdds-link-focus:var(--sdds-blue-400);--sdds-link-visited:var(--sdds-grey-900);--sdds-link-disabled:var(--sdds-grey-400)}.sdds-mode-dark{--sdds-link:var(--sdds-blue-300);--sdds-link-hover:var(--sdds-blue-400);--sdds-link-focus:var(--sdds-blue-400);--sdds-link-visited:var(--sdds-blue-400);--sdds-link-disabled:var(--sdds-grey-800)}:host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--sdds-banner-background-error)}:host(.information){background-color:var(--sdds-banner-background-info)}:host{display:flex;background-color:var(--sdds-banner-background-default);z-index:400}:host .banner-icon{padding-left:20px;padding-top:14px;padding-right:12px;color:var(--sdds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--sdds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--sdds-banner-prefix-info-color)}:host .banner-content{color:var(--sdds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .banner-content.no-icon{padding-left:16px}:host .banner-content .banner-header{font:var(--sdds-headline-06);letter-spacing:var(--sdds-headline-06-ls)}:host .banner-content .banner-subheader{margin-top:4px;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .banner-content sdds-link{width:fit-content;margin-top:16px}:host .banner-close{color:var(--sdds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus{outline:none}:host .banner-close button:focus sdds-icon{outline:2px solid var(--sdds-link-focus)}";export{e as sdds_banner}

package/dist/tegel/p-f5bf214b.entry.js

@@ -0,0 +1 @@
+import{r as s,h as d}from"./p-13b783f1.js";const e=class{constructor(d){s(this,d),this.value="",this.hidden=!1,this.isSmall=!1,this.size="lg",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps(),this.isSmall&&(this.size="sm",console.warn('Prop isSmall is deprecated. Use size"small" instead'))}checkProps(){const s=parseInt(this.value);Number.isNaN(s)||"sm"===this.size?""!==this.value&&"sm"!==this.size&&console.warn("The provided value is either empty or string, please provide value as number."):(this.shape=this.value.toString().length>=2?"pill":"",this.size="lg",this.text=s.toString().length>=3?"99+":s.toString())}render(){return d("host",{class:`sdds-badges sdds-badges-${this.size} ${"pill"===this.shape?"sdds-badges-pill":""} ${this.hidden?"sdds-badges-hidden":""}`},d("div",{class:"sdds-badges-text"},this.text))}static get watchers(){return{value:["watchProps"],isSmall:["watchProps"],size:["watchProps"]}}};e.style=":host{--sdds-badges-background-color:var(--sdds-negative);--sdds-badges-color-text:var(--sdds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.sdds-badges{display:block;border-radius:12px;background-color:var(--sdds-badges-background-color);text-align:center}.sdds-badges.sdds-badges-sm{height:8px;width:8px;line-height:8px}.sdds-badges.sdds-badges-lg{height:20px;line-height:20px;width:20px}.sdds-badges.sdds-badges-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.sdds-badges.sdds-badges-hidden{display:none}.sdds-badges-text{font-family:var(--sdds-font-family-semi-condensed-bold);font-size:12px;color:var(--sdds-badges-color-text);font-weight:bold}";export{e as sdds_badges}

package/dist/tegel/p-fd1b5923.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,H as r}from"./p-13b783f1.js";const a=class{constructor(e){s(this,e),this.getIconName=()=>{switch(this.type){case"information":return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick";default:return"info"}},this.header=void 0,this.modeVariant=null,this.type="information",this.noIcon=!1,this.minimal=!1}render(){return e(r,null,e("div",{class:`\n        message-wrapper ${this.type}\n        ${this.minimal?"message-minimal":""}\n        ${null!==this.modeVariant?`sdds-mode-variant-${this.modeVariant}`:""}`},!this.noIcon&&e("sdds-icon",{name:this.getIconName(),size:"20px"}),e("div",{class:"message-content"},this.header&&e("div",{class:"message-header"},this.header),!this.minimal&&e("div",{class:"message-extended-message"},e("slot",null)))))}};a.style=":host .message-wrapper{display:flex;padding:16px;background-color:var(--sdds-message-background);border-radius:4px}:host .message-wrapper.information{border-left:4px solid var(--sdds-information)}:host .message-wrapper.information sdds-icon{color:var(--sdds-information)}:host .message-wrapper.success{border-left:4px solid var(--sdds-positive)}:host .message-wrapper.success sdds-icon{color:var(--sdds-positive)}:host .message-wrapper.error{background-color:var(--sdds-message-type-error-background);border-left:4px solid var(--sdds-negative)}:host .message-wrapper.error sdds-icon{color:var(--sdds-negative)}:host .message-wrapper.warning{border-left:4px solid var(--sdds-warning)}:host .message-wrapper.warning sdds-icon{color:var(--sdds-warning)}:host .message-wrapper.message-minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .message-wrapper.message-minimal .message-header{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .message-wrapper.message-minimal sdds-icon{padding-right:8px}:host sdds-icon{padding-right:16px}:host .message-content{display:flex;flex-direction:column;gap:4px;color:var(--sdds-message-color);padding:2px 0}:host .message-content .message-header{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls)}:host .message-content .message-extended-message{color:var(--sdds-message-color);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .sdds-mode-variant-primary{--sdds-message-background:var(--sdds-message-background-primary)}:host .sdds-mode-variant-secondary{--sdds-message-background:var(--sdds-message-background-secondary)}";export{a as sdds_message}