@ds-mo/ui 15.2.0 → 15.4.0

package/dist/components/p-CbCN9ew9.js

@@ -0,0 +1,2 @@
+import{p as s,H as e,h as t,a as i,t as d}from"./index.js";import{d as n}from"./p-D8OWhnID.js";const o=()=>`.text-field-support.sc-ds-field{display:flex;align-items:baseline;gap:var(--dimension-space-100);width:100%}.text-field-support.sc-ds-field>.sc-ds-field:first-child:not(.text-field-count){flex:1;min-width:0}.text-field-count.sc-ds-field{flex:none;white-space:nowrap}.ds-control--lg.sc-ds-field,.ds-control--lg.sc-ds-field-h,.ds-control--md.sc-ds-field-h,.ds-control--md.sc-ds-field,.ds-control--sm.sc-ds-field-h,.ds-control--sm.sc-ds-field,.ds-control--xs.sc-ds-field-h,.ds-control--xs.sc-ds-field{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-field-h,.ds-control--lg.sc-ds-field{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-field-h,.ds-control--md.sc-ds-field{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-field-h,.ds-control--sm.sc-ds-field{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-field-h,.ds-control--xs.sc-ds-field{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-field-stack.sc-ds-field-h,.ds-field-stack.sc-ds-field{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-field-h .error-text.sc-ds-field,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-field .error-text.sc-ds-field,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-field .field__description.sc-ds-field,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-field .field__error.sc-ds-field{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.sc-ds-field-h{display:block}.field__control.sc-ds-field{display:flex;min-width:0}.field__control.sc-ds-field>*.sc-ds-field{width:100%}`;let r=0;const a=s=>s?.split(/\s+/).filter(Boolean)??[];const l=(...s)=>[...new Set(s.flat())];const c=["lg","md","sm","xs"];const h=s=>c.includes(s.size)?s.size:"md";const f=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.error=false;this.constraintMessage="";this.focused=false;this.filled=false;this.dirty=false;this.touched=false;this.controlDisabled=false;this.controlRequired=false;this.controlBorderless=false;this.controlSize="md";this.slotRevision=0;this.generatedId=`ds-field-${++r}`;this.initialValue="";this.authoredAria=new WeakMap;this.didLoad=false;this.syncControl=()=>{const s=this.findControl();if(!s)return;if(s!==this.control){this.control=s;this.initialValue=this.readValue(s);this.authoredAria.set(s,{labelledby:a(s.getAttribute("aria-labelledby")),describedby:a(s.getAttribute("aria-describedby"))});this.observeControlAttributes(s)}this.constraintMessage=s.getAttribute("data-constraint-message")??"";this.characterCount=s.getAttribute("data-character-count")??undefined;this.characterLimit=s.getAttribute("data-character-limit")??undefined;const e=s.tagName.startsWith("DS-");if(e&&"inputId"in s)s.inputId=this.controlId;else this.updateControlAttribute(s,"id",this.controlId);const t=this.authoredAria.get(s)??{labelledby:[],describedby:[]};const i=l(t.labelledby,this.hasLabel?[this.labelId]:[]).join(" ");const d=l(t.describedby,this.renderedDescription?[this.descriptionId]:[],this.renderedError?[this.errorId]:[],this.characterCount!==undefined?[`${this.controlId}-count`]:[]).join(" ");this.updateControlAttribute(s,"aria-labelledby",i||undefined);this.updateControlAttribute(s,"aria-describedby",d||undefined);this.updateControlAttribute(s,"aria-invalid",this.error?"true":undefined);if(e&&"error"in s&&s.error!==this.error)s.error=this.error;const n=this.readValue(s);this.filled=n.length>0;this.dirty=n!==this.initialValue;this.controlDisabled=Boolean(s.disabled||s.isInactive||s.hasAttribute("disabled"));this.controlRequired=Boolean(s.required||s.hasAttribute("required"));this.controlBorderless=s.hasBorder===false;this.controlSize=h(s)};this.handleLabelClick=s=>{if(!this.control?.tagName.startsWith("DS-"))return;s.preventDefault();this.control.setFocus?.()};this.handleFocusIn=()=>{this.focused=true};this.handleFocusOut=s=>{if(s.relatedTarget instanceof Node&&this.el.contains(s.relatedTarget))return;this.focused=false;this.touched=true};this.handleValueChange=()=>{this.syncControl()}}connectedCallback(){if(this.didLoad)this.observeLateControls()}disconnectedCallback(){this.childObserver?.disconnect();this.childObserver=undefined;this.controlAttrObserver?.disconnect();this.controlAttrObserver=undefined}componentDidLoad(){this.syncControl();this.didLoad=true;this.observeLateControls();requestAnimationFrame((()=>this.syncControl()))}componentDidRender(){this.syncControl()}onFieldContractChange(){this.syncControl()}get hasLabel(){return Boolean(this.label?.trim())}get controlId(){return this.fieldId||this.generatedId}get labelId(){return`${this.controlId}-label`}get descriptionId(){return`${this.controlId}-description`}get errorId(){return`${this.controlId}-error`}get renderedDescription(){return Boolean(this.description)&&!this.renderedError}get renderedError(){return Boolean(this.visibleError)}get visibleError(){return this.error&&this.errorMessage?this.errorMessage:this.constraintMessage}readValue(s){if(s.tokenized)return[...s.tokens??[],String(s.value??"")].filter(Boolean).join("");const e=s.value;return Array.isArray(e)?e.join(""):String(e??"")}updateControlAttribute(s,e,t){if(t===undefined){if(s.hasAttribute(e))s.removeAttribute(e);return}if(s.getAttribute(e)!==t)s.setAttribute(e,t)}findControl(){return this.controlContainer?.querySelector(":scope > :not(slot)")??undefined}observeLateControls(){if(this.childObserver||typeof MutationObserver==="undefined")return;this.childObserver=new MutationObserver((s=>{const e=s.some((s=>Array.from(s.addedNodes).some((s=>s.nodeType===1))));if(e)this.slotRevision++}));this.childObserver.observe(this.el,{childList:true})}observeControlAttributes(s){this.controlAttrObserver?.disconnect();this.controlAttrObserver=new MutationObserver((()=>this.syncControl()));this.controlAttrObserver.observe(s,{attributes:true,attributeFilter:["has-border","size","class","data-constraint-message","data-character-count","data-character-limit"]})}render(){return t(i,{key:"7b2756eb7134d1b985cd54fdb07f04bdcfa165f4","data-focused":this.focused?"":undefined,"data-filled":this.filled?"":undefined,"data-dirty":this.dirty?"":undefined,"data-touched":this.touched?"":undefined,"data-invalid":this.error||this.constraintMessage?"":undefined,"data-disabled":this.controlDisabled?"":undefined,"data-required":this.controlRequired?"":undefined,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onInput:this.handleValueChange,onChange:this.handleValueChange,onDsChange:this.handleValueChange,onDsTokensChange:this.handleValueChange},t("div",{key:"bebb78b2b1a2da5a8237c6713f7be337eebedc4e",class:{field:true,"ds-field-stack":true,"ds-field-stack--supporting-inset":this.controlBorderless,[`ds-control--${this.controlSize}`]:true}},this.hasLabel?t("ds-text",{class:"field__label",as:"label",variant:"text-body-small",color:"primary",emphasis:true,for:this.controlId,textId:this.labelId,onClick:this.handleLabelClick},this.label):null,t("div",{key:"1a502fe47d2a7cfea12c7a7c429350a9b93d5470",class:"field__control",ref:s=>this.controlContainer=s},t("slot",{key:"e1d7e57741425518e2b068ae52b1bdb2666946a4",onSlotchange:this.syncControl})),(this.renderedDescription||this.renderedError||this.characterCount!==undefined)&&t("div",{key:"e328aef5570547b6f58e0a87624cc12dc54437c1",class:"text-field-support"},this.renderedDescription&&t("ds-text",{key:"8aaedc5394d1f704f32c5655a5ff8f2fcfebaef2",class:"field__description",as:"div",variant:"text-body-small",color:"secondary",textId:this.descriptionId},this.description),this.renderedError&&t("ds-text",{key:"e2140f7a9357a6dfbfa76be531b9127f18153ed0",class:"field__error",as:"div",variant:"text-body-small",color:"negative",textId:this.errorId,role:"alert"},this.visibleError),this.characterCount!==undefined&&t("ds-text",{key:"cf6d17941d5eed56a91537555bdc5e3eb23b59b8",class:"text-field-count",as:"span",variant:"text-body-small",color:this.error||this.constraintMessage?"negative":"secondary",textId:`${this.controlId}-count`},this.characterCount,"/",this.characterLimit))))}get el(){return this}static get watchers(){return{fieldId:[{onFieldContractChange:0}],label:[{onFieldContractChange:0}],description:[{onFieldContractChange:0}],error:[{onFieldContractChange:0}],errorMessage:[{onFieldContractChange:0}]}}static get style(){return o()}},[262,"ds-field",{label:[1],fieldId:[1,"field-id"],description:[1],error:[4],errorMessage:[1,"error-message"],constraintMessage:[32],characterCount:[32],characterLimit:[32],focused:[32],filled:[32],dirty:[32],touched:[32],controlDisabled:[32],controlRequired:[32],controlBorderless:[32],controlSize:[32],slotRevision:[32]},undefined,{fieldId:[{onFieldContractChange:0}],label:[{onFieldContractChange:0}],description:[{onFieldContractChange:0}],error:[{onFieldContractChange:0}],errorMessage:[{onFieldContractChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const s=["ds-field","ds-text"];s.forEach((s=>{switch(s){case"ds-field":if(!customElements.get(d(s))){customElements.define(d(s),f)}break;case"ds-text":if(!customElements.get(d(s))){n()}break}}))}u();export{f as F,u as d};
+//# sourceMappingURL=p-CbCN9ew9.js.map

package/dist/components/p-CbCN9ew9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fieldCss","fieldCounter","tokens","value","split","filter","Boolean","uniqueTokens","groups","Set","flat","CONTROL_SIZES","readControlSize","control","includes","size","Field","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","error","constraintMessage","focused","filled","dirty","touched","controlDisabled","controlRequired","controlBorderless","controlSize","slotRevision","generatedId","initialValue","authoredAria","WeakMap","didLoad","syncControl","findControl","readValue","set","labelledby","getAttribute","describedby","observeControlAttributes","characterCount","undefined","characterLimit","isDsControl","tagName","startsWith","inputId","controlId","updateControlAttribute","authored","get","hasLabel","labelId","join","renderedDescription","descriptionId","renderedError","errorId","length","disabled","isInactive","hasAttribute","required","hasBorder","handleLabelClick","event","preventDefault","setFocus","handleFocusIn","handleFocusOut","relatedTarget","Node","el","contains","handleValueChange","connectedCallback","observeLateControls","disconnectedCallback","childObserver","disconnect","controlAttrObserver","componentDidLoad","requestAnimationFrame","componentDidRender","onFieldContractChange","label","trim","fieldId","description","visibleError","errorMessage","tokenized","String","Array","isArray","name","removeAttribute","setAttribute","controlContainer","querySelector","MutationObserver","records","addedControl","some","record","from","addedNodes","node","nodeType","observe","childList","attributes","attributeFilter","render","h","Host","key","onFocusin","onFocusout","onInput","onChange","onDsChange","onDsTokensChange","class","field","as","variant","color","emphasis","for","textId","onClick","ref","onSlotchange","role"],"sources":["src/wc/components/Field/Field.css?tag=ds-field&encapsulation=scoped","src/wc/components/Field/Field.tsx"],"sourcesContent":["@import '../../utils/text-field-support.css';\n@import '../../utils/control-density.css';\n@import '../../utils/field-stack.css';\n\n:host {\n  display: block;\n}\n\n.field__control {\n  display: flex;\n  min-width: 0;\n}\n\n.field__control > * {\n  width: 100%;\n}\n","import { Component, Element, Prop, State, Watch, h, Host } from '@stencil/core';\n\ninterface FieldControl extends HTMLElement {\n  value?: string | string[];\n  tokens?: string[];\n  tokenized?: boolean;\n  inputId?: string;\n  error?: boolean;\n  disabled?: boolean;\n  isInactive?: boolean;\n  required?: boolean;\n  hasBorder?: boolean;\n  size?: string;\n  setFocus?: () => Promise<void> | void;\n}\n\ninterface AuthoredAria {\n  labelledby: string[];\n  describedby: string[];\n}\n\nlet fieldCounter = 0;\n\nconst tokens = (value: string | null | undefined): string[] =>\n  value?.split(/\\s+/).filter(Boolean) ?? [];\n\nconst uniqueTokens = (...groups: string[][]): string[] => [...new Set(groups.flat())];\n\nconst CONTROL_SIZES = ['lg', 'md', 'sm', 'xs'] as const;\ntype FieldControlSize = (typeof CONTROL_SIZES)[number];\n\nconst readControlSize = (control: FieldControl): FieldControlSize =>\n  CONTROL_SIZES.includes(control.size as FieldControlSize)\n    ? (control.size as FieldControlSize)\n    : 'md';\n\n@Component({\n  tag: 'ds-field',\n  styleUrl: 'Field.css',\n  scoped: true,\n})\nexport class Field {\n  @Element() el!: HTMLElement;\n\n  /** Visible label for the slotted control. Omit when a nearby heading already names the field. */\n  @Prop() label?: string;\n  /** Explicit ID for the slotted control; generated when omitted. */\n  @Prop() fieldId: string | undefined;\n  /** Optional guidance associated with the slotted control while no visible error is shown. */\n  @Prop() description: string | undefined;\n  /** Invalid visual and accessible state forwarded to supported ds controls. */\n  @Prop() error: boolean = false;\n  /** Visible error associated with the slotted control while error is true. */\n  @Prop() errorMessage: string | undefined;\n\n  @State() private constraintMessage = '';\n  @State() private characterCount: string | undefined;\n  @State() private characterLimit: string | undefined;\n  @State() private focused = false;\n  @State() private filled = false;\n  @State() private dirty = false;\n  @State() private touched = false;\n  @State() private controlDisabled = false;\n  @State() private controlRequired = false;\n  @State() private controlBorderless = false;\n  @State() private controlSize: 'lg' | 'md' | 'sm' | 'xs' = 'md';\n  /** Bumped to let Stencil relocate a control added after the initial render. */\n  @State() private slotRevision = 0;\n\n  private readonly generatedId = `ds-field-${++fieldCounter}`;\n  private controlContainer?: HTMLDivElement;\n  private control?: FieldControl;\n  private initialValue = '';\n  private authoredAria = new WeakMap<FieldControl, AuthoredAria>();\n  private childObserver?: MutationObserver;\n  private controlAttrObserver?: MutationObserver;\n  private didLoad = false;\n\n  connectedCallback() {\n    if (this.didLoad) this.observeLateControls();\n  }\n\n  disconnectedCallback() {\n    this.childObserver?.disconnect();\n    this.childObserver = undefined;\n    this.controlAttrObserver?.disconnect();\n    this.controlAttrObserver = undefined;\n  }\n\n  componentDidLoad() {\n    this.syncControl();\n    this.didLoad = true;\n    this.observeLateControls();\n    requestAnimationFrame(() => this.syncControl());\n  }\n\n  componentDidRender() {\n    this.syncControl();\n  }\n\n  @Watch('fieldId')\n  @Watch('label')\n  @Watch('description')\n  @Watch('error')\n  @Watch('errorMessage')\n  onFieldContractChange() {\n    this.syncControl();\n  }\n\n  private get hasLabel(): boolean {\n    return Boolean(this.label?.trim());\n  }\n\n  private get controlId(): string {\n    return this.fieldId || this.generatedId;\n  }\n\n  private get labelId(): string {\n    return `${this.controlId}-label`;\n  }\n\n  private get descriptionId(): string {\n    return `${this.controlId}-description`;\n  }\n\n  private get errorId(): string {\n    return `${this.controlId}-error`;\n  }\n\n  private get renderedDescription(): boolean {\n    return Boolean(this.description) && !this.renderedError;\n  }\n\n  private get renderedError(): boolean {\n    return Boolean(this.visibleError);\n  }\n\n  private get visibleError(): string {\n    return this.error && this.errorMessage ? this.errorMessage : this.constraintMessage;\n  }\n\n  private readValue(control: FieldControl): string {\n    if (control.tokenized)\n      return [...(control.tokens ?? []), String(control.value ?? '')]\n        .filter(Boolean)\n        .join('\\u001f');\n    const value = control.value;\n    return Array.isArray(value) ? value.join('\\u001f') : String(value ?? '');\n  }\n\n  private updateControlAttribute(control: FieldControl, name: string, value: string | undefined) {\n    if (value === undefined) {\n      if (control.hasAttribute(name)) control.removeAttribute(name);\n      return;\n    }\n    if (control.getAttribute(name) !== value) control.setAttribute(name, value);\n  }\n\n  private findControl(): FieldControl | undefined {\n    return this.controlContainer?.querySelector<FieldControl>(':scope > :not(slot)') ?? undefined;\n  }\n\n  private observeLateControls() {\n    if (this.childObserver || typeof MutationObserver === 'undefined') return;\n    this.childObserver = new MutationObserver(records => {\n      const addedControl = records.some(record =>\n        Array.from(record.addedNodes).some(node => node.nodeType === 1)\n      );\n      if (addedControl) this.slotRevision++;\n    });\n    this.childObserver.observe(this.el, { childList: true });\n  }\n\n  private syncControl = () => {\n    const control = this.findControl();\n    if (!control) return;\n\n    if (control !== this.control) {\n      this.control = control;\n      this.initialValue = this.readValue(control);\n      this.authoredAria.set(control, {\n        labelledby: tokens(control.getAttribute('aria-labelledby')),\n        describedby: tokens(control.getAttribute('aria-describedby')),\n      });\n      this.observeControlAttributes(control);\n    }\n\n    this.constraintMessage = control.getAttribute('data-constraint-message') ?? '';\n    this.characterCount = control.getAttribute('data-character-count') ?? undefined;\n    this.characterLimit = control.getAttribute('data-character-limit') ?? undefined;\n\n    const isDsControl = control.tagName.startsWith('DS-');\n    if (isDsControl && 'inputId' in control) control.inputId = this.controlId;\n    else this.updateControlAttribute(control, 'id', this.controlId);\n\n    const authored = this.authoredAria.get(control) ?? { labelledby: [], describedby: [] };\n    const labelledby = uniqueTokens(authored.labelledby, this.hasLabel ? [this.labelId] : []).join(\n      ' '\n    );\n    const describedby = uniqueTokens(\n      authored.describedby,\n      this.renderedDescription ? [this.descriptionId] : [],\n      this.renderedError ? [this.errorId] : [],\n      this.characterCount !== undefined ? [`${this.controlId}-count`] : []\n    ).join(' ');\n\n    this.updateControlAttribute(control, 'aria-labelledby', labelledby || undefined);\n    this.updateControlAttribute(control, 'aria-describedby', describedby || undefined);\n    this.updateControlAttribute(control, 'aria-invalid', this.error ? 'true' : undefined);\n\n    if (isDsControl && 'error' in control && control.error !== this.error)\n      control.error = this.error;\n\n    const value = this.readValue(control);\n    this.filled = value.length > 0;\n    this.dirty = value !== this.initialValue;\n    this.controlDisabled = Boolean(\n      control.disabled || control.isInactive || control.hasAttribute('disabled')\n    );\n    this.controlRequired = Boolean(control.required || control.hasAttribute('required'));\n    this.controlBorderless = control.hasBorder === false;\n    this.controlSize = readControlSize(control);\n  };\n\n  private observeControlAttributes(control: FieldControl) {\n    this.controlAttrObserver?.disconnect();\n    this.controlAttrObserver = new MutationObserver(() => this.syncControl());\n    this.controlAttrObserver.observe(control, {\n      attributes: true,\n      attributeFilter: [\n        'has-border',\n        'size',\n        'class',\n        'data-constraint-message',\n        'data-character-count',\n        'data-character-limit',\n      ],\n    });\n  }\n\n  private handleLabelClick = (event: MouseEvent) => {\n    if (!this.control?.tagName.startsWith('DS-')) return;\n    event.preventDefault();\n    this.control.setFocus?.();\n  };\n\n  private handleFocusIn = () => {\n    this.focused = true;\n  };\n\n  private handleFocusOut = (event: FocusEvent) => {\n    if (event.relatedTarget instanceof Node && this.el.contains(event.relatedTarget)) return;\n    this.focused = false;\n    this.touched = true;\n  };\n\n  private handleValueChange = () => {\n    this.syncControl();\n  };\n\n  render() {\n    return (\n      <Host\n        data-focused={this.focused ? '' : undefined}\n        data-filled={this.filled ? '' : undefined}\n        data-dirty={this.dirty ? '' : undefined}\n        data-touched={this.touched ? '' : undefined}\n        data-invalid={this.error || this.constraintMessage ? '' : undefined}\n        data-disabled={this.controlDisabled ? '' : undefined}\n        data-required={this.controlRequired ? '' : undefined}\n        onFocusin={this.handleFocusIn}\n        onFocusout={this.handleFocusOut}\n        onInput={this.handleValueChange}\n        onChange={this.handleValueChange}\n        onDsChange={this.handleValueChange}\n        onDsTokensChange={this.handleValueChange}\n      >\n        <div\n          class={{\n            field: true,\n            'ds-field-stack': true,\n            'ds-field-stack--supporting-inset': this.controlBorderless,\n            [`ds-control--${this.controlSize}`]: true,\n          }}\n        >\n          {this.hasLabel ? (\n            <ds-text\n              class=\"field__label\"\n              as=\"label\"\n              variant=\"text-body-small\"\n              color=\"primary\"\n              emphasis\n              for={this.controlId}\n              textId={this.labelId}\n              onClick={this.handleLabelClick}\n            >\n              {this.label}\n            </ds-text>\n          ) : null}\n          <div class=\"field__control\" ref={el => (this.controlContainer = el)}>\n            <slot onSlotchange={this.syncControl} />\n          </div>\n          {(this.renderedDescription ||\n            this.renderedError ||\n            this.characterCount !== undefined) && (\n            <div class=\"text-field-support\">\n              {this.renderedDescription && (\n                <ds-text\n                  class=\"field__description\"\n                  as=\"div\"\n                  variant=\"text-body-small\"\n                  color=\"secondary\"\n                  textId={this.descriptionId}\n                >\n                  {this.description}\n                </ds-text>\n              )}\n              {this.renderedError && (\n                <ds-text\n                  class=\"field__error\"\n                  as=\"div\"\n                  variant=\"text-body-small\"\n                  color=\"negative\"\n                  textId={this.errorId}\n                  role=\"alert\"\n                >\n                  {this.visibleError}\n                </ds-text>\n              )}\n              {this.characterCount !== undefined && (\n                <ds-text\n                  class=\"text-field-count\"\n                  as=\"span\"\n                  variant=\"text-body-small\"\n                  color={this.error || this.constraintMessage ? 'negative' : 'secondary'}\n                  textId={`${this.controlId}-count`}\n                >\n                  {this.characterCount}/{this.characterLimit}\n                </ds-text>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}