@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.4

package/components-build/p-DIY3CDNL.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as a,a as r,t as o}from"./index.js";import{C as i}from"./p-Bfazyxqi.js";import{a as s}from"./p-CaHOghy5.js";import{d as l}from"./p-CGdxFth9.js";const h="md",p={link:{states:[i.DISABLED],size:["sm",h]},label:{states:[i.DISABLED],required:!0,canUseTooltip:!0},heading:{canUseTooltip:!0},subheading:{canUseTooltip:!0},helper:{states:[i.ERROR]},display:{size:["xs","sm",h,"lg","xl"]}},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inheritedAttributes={},this.variant="display",this.size=h,this.state=i.DEFAULT,this.customClass="",this.element="p",this.align="start",this.ellipsis=!1,this.maxLines=1,this.tooltipText="",this.required=!1,this.htmlFor=void 0,this.href=null,this.target=null,this.downloadable=!1,this.filename="download",this.sanitizedHref=""}async updateSanitizedHref(){if("a"===this.getTagName&&null!==this.href){const{sanitizeUrl:t}=await import("./p-noyWJ11s.js").then((function(t){return t.i}));this.sanitizedHref=t(this.href)}else this.sanitizedHref=""}async componentWillLoad(){"a"===this.getTagName&&null!==this.href&&await this.updateSanitizedHref(),this.inheritedAttributes={...s(this.el)}}get getTagName(){return"link"===this.variant?"a":this.element.toLowerCase()}getVariantConfig(){return p[this.variant]??{}}getAccessibilityTags(){const{required:t=!1}=this.getVariantConfig(),e=["a","label"].includes(this.getTagName);return{"aria-required":this.required&&t,"aria-disabled":this.state===i.DISABLED&&e}}getVariantStateStyles(){const t=this.getVariantConfig();return{[`bds-typography--${this.variant}`]:!0,[`bds-typography--align-${this.align}`]:!0,[`bds-typography--${this.state}`]:!(!t?.states||!t?.states.includes(this.state)),[`bds-typography--size-${this.size}`]:!(!t?.size||!t?.size.includes(this.size)),"bds-typography--required":!(!t?.required||!this.required),"bds-typography--ellipsis":this.ellipsis&&this.maxLines<=1,"bds-typography--ellipsis-multiline":this.ellipsis&&this.maxLines>1,[this.customClass]:""!==this.customClass}}render(){const t=this.getTagName,e={...(o=this,s=t,{a:{href:o.state!==i.DISABLED?o.sanitizedHref:null,target:o.target,download:o.downloadable?o.filename:null,rel:"_blank"===o.target?"noopener noreferrer":void 0},label:{htmlFor:o.htmlFor}}[s]||{}),...this.inheritedAttributes,...this.getAccessibilityTags()};var o,s;const l=this.getVariantStateStyles(),{canUseTooltip:h=null,required:p=null}=this.getVariantConfig();return a(r,{key:"a9b61038ed68ce72e8a96845ac3c082a6b635053",class:"bds-typography "+(this.state===i.DISABLED?"bds-typography--disabled-cursor":"")},a(t,{key:"3966152c29dd0af270676ab7af0aaf811b48624a",class:l,style:{webkitLineClamp:this.maxLines},...e},a("slot",{key:"fe090f9278feac140d0d4b979912b332da5d6ec8"}),this.required&&p&&a("em",{key:"ccfd67dda34d927778ccf59a40cae185952f2495",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&h&&a("span",{key:"720ef78bd2e638e0d0be56918483fe227a011f5e"},a("em",{key:"5e064aaed2633b33677e12774dead52ee0871f4a",class:"bds-typography__info-icon bds-icon-info-circle","aria-label":this.tooltipText},a("bds-tooltip",{key:"9ec65063f105cec050f01348a64e7b9f5fa8e968"},this.tooltipText)))))}get el(){return this}static get watchers(){return{href:[{updateSanitizedHref:0}]}}static get style(){return'@charset "UTF-8";bds-typography.bds-typography--disabled-cursor{cursor:not-allowed}.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}'}},[260,"bds-typography",{variant:[513],size:[513],state:[513],customClass:[1,"custom-class"],element:[1],align:[1],ellipsis:[4],maxLines:[2,"max-lines"],tooltipText:[1,"tooltip-text"],required:[516],htmlFor:[1,"html-for"],href:[1],target:[1],downloadable:[4],filename:[1],sanitizedHref:[32]},void 0,{href:[{updateSanitizedHref:0}]}]);function n(){"undefined"!=typeof customElements&&["bds-typography","bds-tooltip"].forEach((t=>{switch(t){case"bds-typography":customElements.get(o(t))||customElements.define(o(t),y);break;case"bds-tooltip":customElements.get(o(t))||l()}}))}export{y as B,n as d}

package/components-build/p-DhSchGPI.js

@@ -0,0 +1 @@
+function t(t="bds"){return`${t}-${Math.random().toString(36).substr(2,9)}`}export{t as c}

package/components-build/p-kGnB15Lz.js

@@ -0,0 +1 @@
+function o(o,n,e,r){const $=e[r];if(void 0===$||"full"===$)return;const c=Number($);if(Number.isNaN(c)||c<o||void 0!==n&&c>n){const c=void 0!==n?`${o}–${n}`:`≥${o}`;console.warn(`[BorealDS] Invalid value "${$}" for prop "${r}" on <${e.tagName.toLowerCase()}>. Expected ${c}.`)}}function n(o,n,e,r){const $=e[r];o.includes($)||(e[r]=n,console.warn(`[BorealDS] Invalid value "${$}" for prop "${r}" on <${e.tagName.toLowerCase()}>. Expected one of: ${o.join(", ")}.`))}export{o as a,n as v}