@helvetia-design/core 0.0.6 → 0.1.0

package/dist/design-system/p-QyQjrb1P.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
- */
-const a=["display","display-2","h1","h2","h3","h4","h5","5xl","4xl","3xl","2xl","xl","lg","md","base"],h=["primary","inverted"],s=["h1","h2","h3","h4","h5","span","p"],l=["display","display-2","h1","h2","h3","h4","h5","span","p"],p=["none","bottom","top","all"];export{h as H,s as a,a as b,l as c,p as d}

package/dist/design-system/p-bee20202e4.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
- */
-import{D as o,J as r,x as t,M as i,F as e,I as n}from"./p-BZEWgXed.js";import{_ as a,L as s,a as d}from"./p-BZsCW9yV.js";import{i as l}from"./p-Dw7BDW7b.js";import{i as c,N as h,A as m}from"./p-Bb2t2bOa.js";import{i as u}from"./p-ChyhE5ro.js";import{s as f,F as p}from"./p-D4hbhLgQ.js";import{h as v}from"./p-BYD3IPs8.js";import{w as g}from"./p-CHZn7ODg.js";import{F as b}from"./p-Bwb-pdM2.js";import{I as y,b as w,a as $,c as _,d as k,e as x}from"./p-tQJW0EmK.js";import{T as z}from"./p-BaZBnuEF.js";import{O as B}from"./p-DE5aqD5-.js";import{L as D}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";class j{constructor(o){this.component=o}setFormatter(o){o&&(this.formatter=o)}format(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.format(o)}onInput(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onInput(o)}onKeydown(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onKeydown(o)}}const C=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,3),r.substring(3,6),r.substring(6,9),r.substring(9,12)].filter((o=>o.length>0));switch(t.length){case 1:return t[0];case 2:return`${t[0]}.${t[1]}`;case 3:return`${t[0]}.${t[1]}.${t[2]}`;default:return`${t[0]}.${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=i.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=r.substring(0,9),i=r.substring(9,10),e=this.formatOffer(t);return i?`${e}-${i}`:e}formatOffer(o){const r=[o.substring(0,2),o.substring(2,3),o.substring(3,6),o.substring(6,9)].filter((o=>o.length>0));switch(r.length){case 1:return o;case 2:return`${r[0]}/${r[1]}`;case 3:return`${r[0]}/${r[1]}.${r[2]}`;default:return`${r[0]}/${r[1]}.${r[2]}.${r[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=i.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){var r;if(c(o))return;const t=o.target,i=null!==(r=null==t?void 0:t.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&i>=this.maxLength-1||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.trim().toUpperCase(),t=[r.substring(0,2),r.substring(2,8),r.substring(8,10),r.substring(10,11)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}/${t[2]}`;default:return`${t[0]}/${t[1]}/${t[2]}.${t[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,4),r.substring(4,7),r.substring(7,10)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}.${t[1]}`;default:return`${t[0]}.${t[1]}.${t[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,6),r.substring(6,10),r.substring(10,14)].filter((o=>o.length>0));switch(t.length){case 1:return`BE${r}`;case 2:return`BE${t[0]} ${t[1]}`;case 3:return`BE${t[0]} ${t[1]} ${t[2]}`;default:return`BE${t[0]} ${t[1]} ${t[2]} ${t[3]}`}}}],S=class{constructor(i){o(this,i),this.dsBlur=r(this,"dsBlur"),this.dsKeyPress=r(this,"dsKeyPress"),this.dsFocus=r(this,"dsFocus"),this.dsClick=r(this,"dsClick"),this.dsInput=r(this,"dsInput"),this.dsChange=r(this,"dsChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.control=new p(this),this.maskUtil=new j(this),this.inputId="ds-input-"+I++,this.focused=!1,this.language=t.language,this.region=t.region,this.hasInvalidTextSlotContent=!1,this.value=null,this.name=this.inputId,this.label="",this.description="",this.color="primary",this.loading=!1,this.invalid=!1,this.invalidText="",this.type="text",this.accept="",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder="",this.max="",this.min="",this.pattern="",this.allowedKeyPress="",this.required=!0,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.suffix="",this.mask=void 0,this.autoInvalidOff=!1,this.handleKeydown=o=>void 0!==this.mask?this.maskUtil.onKeydown(o):!this.allowedKeyPress||l(o)||c(o)||new RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...m].includes(o.key)?void 0:f(o),this.handleClick=o=>{this.control.onClick(o)},this.handleFocus=o=>{this.control.onFocus(o)},this.handleBlur=o=>{this.control.onBlur(o)},this.handleInput=o=>{this.maskUtil.onInput(o),this.control.onInput(o)}}createLogger(o){this.log=o}debounceChanged(){this.dsChange=i(this.dsChange,this.debounce)}maskChanged(){var o;this.maskUtil.setFormatter((o=this.mask,C.find((r=>r.name===o))))}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=g(this.el,(o=>{this.hasInvalidTextSlotContent=o}))}disconnectedCallback(){var o;null===(o=this.disconnectInvalidTextSlotWatcher)||void 0===o||o.call(this)}componentWillLoad(){this.inheritedAttributes=u(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(o){this.language=o.language,this.region=o.region}getRawValue(){return(this.value||"").toString()}getFormattedValue(){const o=this.getRawValue();return`${o}${v(this.suffix)&&v(o)?" "+this.suffix:""}`}render(){var o;let r;r=v(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let t={};v(this.pattern)&&(t={pattern:this.pattern});const i=this.invalid||this.hasInvalidTextSlotContent;return e(b,{key:"82b24049b649558af66e14b60210618aba2a0744",disabled:this.disabled,color:this.color,invalid:i,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"c4735b5a8d76b75d875bd19c759979e9a1327490",id:"input",part:"input",name:this.name,ref:o=>this.control.nativeEl=o,"aria-describedby":"description","aria-invalid":i?"true":"false",disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:r,onClick:o=>this.handleClick(o),onFocus:o=>this.handleFocus(o),onBlur:o=>this.handleBlur(o),onInput:o=>this.handleInput(o),onKeyDown:o=>this.handleKeydown(o),onKeyPress:o=>this.dsKeyPress.emit(o)},t,this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}}};a([s("input"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],S.prototype,"createLogger",null),a([z("string"),d("design:type",Object)],S.prototype,"value",void 0),a([z("string"),d("design:type",String)],S.prototype,"name",void 0),a([z("string"),d("design:type",String)],S.prototype,"label",void 0),a([z("string"),d("design:type",String)],S.prototype,"description",void 0),a([B(y),d("design:type",String)],S.prototype,"color",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"loading",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"invalid",void 0),a([z("string"),d("design:type",String)],S.prototype,"invalidText",void 0),a([B(w),d("design:type",String)],S.prototype,"type",void 0),a([z("string"),d("design:type",String)],S.prototype,"accept",void 0),a([z("string"),d("design:type",String)],S.prototype,"autocapitalize",void 0),a([B($),d("design:type",String)],S.prototype,"autocomplete",void 0),a([B(_),d("design:type",String)],S.prototype,"autocorrect",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"autofocus",void 0),a([z("number"),d("design:type",Number)],S.prototype,"debounce",void 0),a([z("string"),d("design:type",String)],S.prototype,"placeholder",void 0),a([z("string"),d("design:type",String)],S.prototype,"max",void 0),a([z("number"),d("design:type",Number)],S.prototype,"maxLength",void 0),a([z("string"),d("design:type",String)],S.prototype,"min",void 0),a([z("number"),d("design:type",Number)],S.prototype,"minLength",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"multiple",void 0),a([z("string"),d("design:type",String)],S.prototype,"pattern",void 0),a([z("string"),d("design:type",String)],S.prototype,"allowedKeyPress",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"required",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"spellcheck",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"disabled",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"readonly",void 0),a([z("string"),d("design:type",String)],S.prototype,"suffix",void 0),a([B(k),d("design:type",String)],S.prototype,"inputmode",void 0),a([B(x),d("design:type",String)],S.prototype,"mask",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"autoInvalidOff",void 0),a([D(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],S.prototype,"configChanged",null);let I=0;S.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}";export{S as ds_input}

package/dist/design-system/p-d65c14d35e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
- */
-import{D as e,d as i,F as a,G as h,I as d}from"./p-BZEWgXed.js";import{_ as n,L as g,a as t}from"./p-BZsCW9yV.js";import{h as l}from"./p-BYD3IPs8.js";import{c as o,b as s,d as r,H as v}from"./p-QyQjrb1P.js";import{O as m}from"./p-DE5aqD5-.js";import{T as f}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const p={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","5xl":"h1","4xl":"h1","3xl":"h1","2xl":"h1",xl:"h2",lg:"h3",md:"h4",base:"h5"},y=["5xl","4xl","3xl","2xl","xl","lg","md","base"],b={display:"5xl","display-2":"4xl",h1:"3xl",h2:"2xl",h3:"xl",h4:"lg",h5:"base",p:"base",span:"base","5xl":"5xl","4xl":"4xl","3xl":"3xl","2xl":"2xl",xl:"xl",lg:"lg",md:"md",base:"base"},_={primary:"primary",info:"info",success:"success",warning:"warning",danger:"danger",white:"white"},w=class{constructor(i){e(this,i),this.level="h1",this.noWrap=!1,this.subtitle=!1,this.inverted=!1,this.shadow=!1}createLogger(e){this.log=e}levelChanged(){this.updateAutoFontSize()}visualLevelChanged(){this.updateAutoFontSize()}autoLevelChanged(){this.updateAutoFontSize()}componentWillLoad(){this.updateAutoFontSize()}componentDidRender(){const e=this.autoLevel;if(e&&this.autoFontSize&&this.rows>1&&b[e]!==this.autoFontSize){const e=y.indexOf(this.autoFontSize)+1;this.autoFontSize=y[e]}}updateAutoFontSize(){this.autoFontSize=this.fontSize}get rows(){if(this.headingEl&&i.hasWindow){const e=window.getComputedStyle(this.headingEl),i=parseInt(e.lineHeight.slice(0,-2),10);return this.headingEl.offsetHeight/i}return 1}get fontColor(){if(this.inverted)return"inverted";const e=this.color;return e?_[e]:void 0}get fontSize(){return b[this.visualLevel?this.visualLevel:this.level]}get tag(){return p[this.level]}render(){const e=this.tag;return a(h,{key:"eb6a9d39d3060e7776363272e86413b0c95a807a",class:{[`is-${this.autoFontSize}`]:void 0!==this.autoFontSize,[`is-${this.fontColor}`]:l(this.fontColor),"is-subtitle":this.subtitle,[`has-space-${this.space}`]:l(this.space),"has-no-wrap":this.noWrap,"has-shadow":this.shadow}},a(e,{key:"961c539735e2a0719ae8e2369ebf568718226385",id:"heading",part:"heading",ref:e=>this.headingEl=e},a("slot",{key:"911e161ed5bb682cfcffc8ee7f6242c1984dfe23"})))}get el(){return d(this)}static get watchers(){return{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}}};n([g("heading"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],w.prototype,"createLogger",null),n([m(o),t("design:type",String)],w.prototype,"level",void 0),n([m(s),t("design:type",String)],w.prototype,"visualLevel",void 0),n([m(s),t("design:type",String)],w.prototype,"autoLevel",void 0),n([f("boolean"),t("design:type",Boolean)],w.prototype,"noWrap",void 0),n([f("boolean"),t("design:type",Boolean)],w.prototype,"subtitle",void 0),n([m(r),t("design:type",String)],w.prototype,"space",void 0),n([m(v),t("design:type",String)],w.prototype,"color",void 0),n([f("boolean"),t("design:type",Boolean)],w.prototype,"inverted",void 0),n([f("boolean"),t("design:type",Boolean)],w.prototype,"shadow",void 0),w.style=":host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}:host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-light1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-light1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-light1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-light1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.ds-text),#heading span:not(.ds-text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-primary){--mod-heading-color:var(--ds-heading-color-primary)}:host(.is-inverted){--mod-heading-color:var(--ds-heading-color-inverted)}:host(.is-5xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display1-font-family);--mod-heading-weight:var(--ds-heading-level-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-display1-line-height);--mod-heading-size:var(--ds-heading-level-display1-font-size)}:host(.is-5xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display1-font-family);--mod-heading-weight:var(--ds-heading-level-light-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display1-line-height);--mod-heading-size:var(--ds-heading-level-light-display1-font-size)}:host(.is-4xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display2-font-family);--mod-heading-weight:var(--ds-heading-level-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-display2-line-height);--mod-heading-size:var(--ds-heading-level-display2-font-size)}:host(.is-4xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display2-font-family);--mod-heading-weight:var(--ds-heading-level-light-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display2-line-height);--mod-heading-size:var(--ds-heading-level-light-display2-font-size)}:host(.is-3xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-1-font-family);--mod-heading-weight:var(--ds-heading-level-1-font-weight);--mod-heading-line-height:var(--ds-heading-level-1-line-height);--mod-heading-size:var(--ds-heading-level-1-font-size)}:host(.is-3xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light1-font-family);--mod-heading-weight:var(--ds-heading-level-light1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light1-line-height);--mod-heading-size:var(--ds-heading-level-light1-font-size)}:host(.is-2xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-2-font-family);--mod-heading-weight:var(--ds-heading-level-2-font-weight);--mod-heading-line-height:var(--ds-heading-level-2-line-height);--mod-heading-size:var(--ds-heading-level-2-font-size)}:host(.is-2xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light2-font-family);--mod-heading-weight:var(--ds-heading-level-light2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light2-line-height);--mod-heading-size:var(--ds-heading-level-light2-font-size)}:host(.is-xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-3-font-family);--mod-heading-weight:var(--ds-heading-level-3-font-weight);--mod-heading-line-height:var(--ds-heading-level-3-line-height);--mod-heading-size:var(--ds-heading-level-3-font-size)}:host(.is-xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light3-font-family);--mod-heading-weight:var(--ds-heading-level-light3-font-weight);--mod-heading-line-height:var(--ds-heading-level-light3-line-height);--mod-heading-size:var(--ds-heading-level-light3-font-size)}:host(.is-lg:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-4-font-family);--mod-heading-weight:var(--ds-heading-level-4-font-weight);--mod-heading-line-height:var(--ds-heading-level-4-line-height);--mod-heading-size:var(--ds-heading-level-4-font-size)}:host(.is-lg.is-subtitle){--mod-heading-family:var(--ds-heading-level-light4-font-family);--mod-heading-weight:var(--ds-heading-level-light4-font-weight);--mod-heading-line-height:var(--ds-heading-level-light4-line-height);--mod-heading-size:var(--ds-heading-level-light4-font-size)}:host(.is-base:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-5-font-family);--mod-heading-weight:var(--ds-heading-level-5-font-weight);--mod-heading-line-height:var(--ds-heading-level-5-line-height);--mod-heading-size:var(--ds-heading-level-5-font-size)}:host(.is-base.is-subtitle){--mod-heading-family:var(--ds-heading-level-light5-font-family);--mod-heading-weight:var(--ds-heading-level-light5-font-weight);--mod-heading-line-height:var(--ds-heading-level-light5-line-height);--mod-heading-size:var(--ds-heading-level-light5-font-size)}:host(.has-space-all){--heading-mt:var(--_heading-margin);--heading-mb:var(--_heading-margin)}:host(.has-space-top){--heading-mt:var(--_heading-margin);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-margin)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}";export{w as ds_heading}