@cargosense/cargo-design-system 1.0.8 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/assets/index.cjs.js
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const k=globalThis,R=k.trustedTypes,Z=R?R.createPolicy("lit-html",{createHTML:Q=>Q}):void 0,QA="$lit$",U=`lit$${Math.random().toFixed(9).slice(2)}$`,EA="?"+U,TA=`<${EA}>`,G=document,N=()=>G.createComment(""),f=Q=>Q===null||typeof Q!="object"&&typeof Q!="function",p=Array.isArray,bA=Q=>p(Q)||typeof Q?.[Symbol.iterator]=="function",b=`[
|
|
14
14
|
\f\r]`,v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,q=/-->/g,$=/>/g,l=RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),_=/'/g,AA=/"/g,IA=/^(?:script|style|textarea|title)$/i,OA=Q=>(A,...g)=>({_$litType$:Q,strings:A,values:g}),w=OA(1),P=Symbol.for("lit-noChange"),t=Symbol.for("lit-nothing"),gA=new WeakMap,a=G.createTreeWalker(G,129);function eA(Q,A){if(!p(Q)||!Q.hasOwnProperty("raw"))throw Error("invalid template strings array");return Z!==void 0?Z.createHTML(A):A}const LA=(Q,A)=>{const g=Q.length-1,B=[];let C,E=A===2?"<svg>":A===3?"<math>":"",I=v;for(let r=0;r<g;r++){const e=Q[r];let s,c,D=-1,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),_=/'/g,AA=/"/g,IA=/^(?:script|style|textarea|title)$/i,OA=Q=>(A,...g)=>({_$litType$:Q,strings:A,values:g}),w=OA(1),P=Symbol.for("lit-noChange"),t=Symbol.for("lit-nothing"),gA=new WeakMap,a=G.createTreeWalker(G,129);function eA(Q,A){if(!p(Q)||!Q.hasOwnProperty("raw"))throw Error("invalid template strings array");return Z!==void 0?Z.createHTML(A):A}const LA=(Q,A)=>{const g=Q.length-1,B=[];let C,E=A===2?"<svg>":A===3?"<math>":"",I=v;for(let r=0;r<g;r++){const e=Q[r];let s,c,D=-1,n=0;for(;n<e.length&&(I.lastIndex=n,c=I.exec(e),c!==null);)n=I.lastIndex,I===v?c[1]==="!--"?I=q:c[1]!==void 0?I=$:c[2]!==void 0?(IA.test(c[2])&&(C=RegExp("</"+c[2],"g")),I=l):c[3]!==void 0&&(I=l):I===l?c[0]===">"?(I=C??v,D=-1):c[1]===void 0?D=-2:(D=I.lastIndex-c[2].length,s=c[1],I=c[3]===void 0?l:c[3]==='"'?AA:_):I===AA||I===_?I=l:I===q||I===$?I=v:(I=l,C=void 0);const h=I===l&&Q[r+1].startsWith("/>")?" ":"";E+=I===v?e+TA:D>=0?(B.push(s),e.slice(0,D)+QA+e.slice(D)+U+h):e+U+(D===-2?r:h)}return[eA(Q,E+(Q[g]||"<?>")+(A===2?"</svg>":A===3?"</math>":"")),B]};class H{constructor({strings:A,_$litType$:g},B){let C;this.parts=[];let E=0,I=0;const r=A.length-1,e=this.parts,[s,c]=LA(A,g);if(this.el=H.createElement(s,B),a.currentNode=this.el.content,g===2||g===3){const D=this.el.content.firstChild;D.replaceWith(...D.childNodes)}for(;(C=a.nextNode())!==null&&e.length<r;){if(C.nodeType===1){if(C.hasAttributes())for(const D of C.getAttributeNames())if(D.endsWith(QA)){const n=c[I++],h=C.getAttribute(D).split(U),z=/([.?@])?(.*)/.exec(n);e.push({type:1,index:E,name:z[2],strings:h,ctor:z[1]==="."?kA:z[1]==="?"?pA:z[1]==="@"?WA:T}),C.removeAttribute(D)}else D.startsWith(U)&&(e.push({type:6,index:E}),C.removeAttribute(D));if(IA.test(C.tagName)){const D=C.textContent.split(U),n=D.length-1;if(n>0){C.textContent=R?R.emptyScript:"";for(let h=0;h<n;h++)C.append(D[h],N()),a.nextNode(),e.push({type:2,index:++E});C.append(D[n],N())}}}else if(C.nodeType===8)if(C.data===EA)e.push({type:2,index:E});else{let D=-1;for(;(D=C.data.indexOf(U,D+1))!==-1;)e.push({type:7,index:E}),D+=U.length-1}E++}}static createElement(A,g){const B=G.createElement("template");return B.innerHTML=A,B}}function u(Q,A,g=Q,B){if(A===P)return A;let C=B!==void 0?g._$Co?.[B]:g._$Cl;const E=f(A)?void 0:A._$litDirective$;return C?.constructor!==E&&(C?._$AO?.(!1),E===void 0?C=void 0:(C=new E(Q),C._$AT(Q,g,B)),B!==void 0?(g._$Co??=[])[B]=C:g._$Cl=C),C!==void 0&&(A=u(Q,C._$AS(Q,A.values),C,B)),A}class mA{constructor(A,g){this._$AV=[],this._$AN=void 0,this._$AD=A,this._$AM=g}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(A){const{el:{content:g},parts:B}=this._$AD,C=(A?.creationScope??G).importNode(g,!0);a.currentNode=C;let E=a.nextNode(),I=0,r=0,e=B[0];for(;e!==void 0;){if(I===e.index){let s;e.type===2?s=new j(E,E.nextSibling,this,A):e.type===1?s=new e.ctor(E,e.name,e.strings,this,A):e.type===6&&(s=new VA(E,this,A)),this._$AV.push(s),e=B[++r]}I!==e?.index&&(E=a.nextNode(),I++)}return a.currentNode=G,C}p(A){let g=0;for(const B of this._$AV)B!==void 0&&(B.strings!==void 0?(B._$AI(A,B,g),g+=B.strings.length-2):B._$AI(A[g])),g++}}class j{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(A,g,B,C){this.type=2,this._$AH=t,this._$AN=void 0,this._$AA=A,this._$AB=g,this._$AM=B,this.options=C,this._$Cv=C?.isConnected??!0}get parentNode(){let A=this._$AA.parentNode;const g=this._$AM;return g!==void 0&&A?.nodeType===11&&(A=g.parentNode),A}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(A,g=this){A=u(this,A,g),f(A)?A===t||A==null||A===""?(this._$AH!==t&&this._$AR(),this._$AH=t):A!==this._$AH&&A!==P&&this._(A):A._$litType$!==void 0?this.$(A):A.nodeType!==void 0?this.T(A):bA(A)?this.k(A):this._(A)}O(A){return this._$AA.parentNode.insertBefore(A,this._$AB)}T(A){this._$AH!==A&&(this._$AR(),this._$AH=this.O(A))}_(A){this._$AH!==t&&f(this._$AH)?this._$AA.nextSibling.data=A:this.T(G.createTextNode(A)),this._$AH=A}$(A){const{values:g,_$litType$:B}=A,C=typeof B=="number"?this._$AC(A):(B.el===void 0&&(B.el=H.createElement(eA(B.h,B.h[0]),this.options)),B);if(this._$AH?._$AD===C)this._$AH.p(g);else{const E=new mA(C,this),I=E.u(this.options);E.p(g),this.T(I),this._$AH=E}}_$AC(A){let g=gA.get(A.strings);return g===void 0&&gA.set(A.strings,g=new H(A)),g}k(A){p(this._$AH)||(this._$AH=[],this._$AR());const g=this._$AH;let B,C=0;for(const E of A)C===g.length?g.push(B=new j(this.O(N()),this.O(N()),this,this.options)):B=g[C],B._$AI(E),C++;C<g.length&&(this._$AR(B&&B._$AB.nextSibling,C),g.length=C)}_$AR(A=this._$AA.nextSibling,g){for(this._$AP?.(!1,!0,g);A&&A!==this._$AB;){const B=A.nextSibling;A.remove(),A=B}}setConnected(A){this._$AM===void 0&&(this._$Cv=A,this._$AP?.(A))}}class T{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(A,g,B,C,E){this.type=1,this._$AH=t,this._$AN=void 0,this.element=A,this.name=g,this._$AM=C,this.options=E,B.length>2||B[0]!==""||B[1]!==""?(this._$AH=Array(B.length-1).fill(new String),this.strings=B):this._$AH=t}_$AI(A,g=this,B,C){const E=this.strings;let I=!1;if(E===void 0)A=u(this,A,g,0),I=!f(A)||A!==this._$AH&&A!==P,I&&(this._$AH=A);else{const r=A;let e,s;for(A=E[0],e=0;e<E.length-1;e++)s=u(this,r[B+e],g,e),s===P&&(s=this._$AH[e]),I||=!f(s)||s!==this._$AH[e],s===t?A=t:A!==t&&(A+=(s??"")+E[e+1]),this._$AH[e]=s}I&&!C&&this.j(A)}j(A){A===t?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,A??"")}}class kA extends T{constructor(){super(...arguments),this.type=3}j(A){this.element[this.name]=A===t?void 0:A}}class pA extends T{constructor(){super(...arguments),this.type=4}j(A){this.element.toggleAttribute(this.name,!!A&&A!==t)}}class WA extends T{constructor(A,g,B,C,E){super(A,g,B,C,E),this.type=5}_$AI(A,g=this){if((A=u(this,A,g,0)??t)===P)return;const B=this._$AH,C=A===t&&B!==t||A.capture!==B.capture||A.once!==B.once||A.passive!==B.passive,E=A!==t&&(B===t||C);C&&this.element.removeEventListener(this.name,this,B),E&&this.element.addEventListener(this.name,this,A),this._$AH=A}handleEvent(A){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,A):this._$AH.handleEvent(A)}}class VA{constructor(A,g,B){this.element=A,this.type=6,this._$AN=void 0,this._$AM=g,this.options=B}get _$AU(){return this._$AM._$AU}_$AI(A){u(this,A)}}const SA=k.litHtmlPolyfillSupport;SA?.(H,j),(k.litHtmlVersions??=[]).push("3.3.0");const KA=(Q,A,g)=>{const B=g?.renderBefore??A;let C=B._$litPart$;if(C===void 0){const E=g?.renderBefore??null;B._$litPart$=C=new j(A.insertBefore(N(),E),E,void 0,g??{})}return C._$AI(Q),C};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
* @license
|
|
125
125
|
* Copyright 2018 Google LLC
|
|
126
126
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
127
|
-
*/const
|
|
127
|
+
*/const F=Q=>Q??t;class oA extends o{static styles=M`
|
|
128
128
|
@font-face {
|
|
129
129
|
font-family: 'Geist';
|
|
130
130
|
src: url(${i(Y)}) format('woff');
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
color: inherit;
|
|
165
165
|
}
|
|
166
166
|
`;static properties={link:{type:String,reflect:!0}};constructor(){super(),this.variant="",this.link=void 0}render(){return w`
|
|
167
|
-
<a href="${
|
|
167
|
+
<a href="${F(this.link)}" class="default ${this.variant}" tabindex="0">
|
|
168
168
|
<slot name="start"></slot>
|
|
169
169
|
<slot></slot>
|
|
170
170
|
<slot name="end"></slot>
|
|
@@ -294,7 +294,7 @@
|
|
|
294
294
|
vertical-align: middle;
|
|
295
295
|
}
|
|
296
296
|
`;static properties={src:{type:String,reflect:!0,attribute:"src",defaultValue:""},alt:{type:String,reflect:!0,attribute:"alt",defaultValue:""},name:{type:String,reflect:!0,attribute:"name",defaultValue:""},link:{type:String,reflect:!0,attribute:"link"}};constructor(){super(),this.link=void 0}render(){return w`
|
|
297
|
-
<a href="${
|
|
297
|
+
<a href="${F(this.link)}" class="navImage">
|
|
298
298
|
<img src="${this.src}" alt="${this.alt}" />
|
|
299
299
|
<span>${this.name}</span>
|
|
300
300
|
</a>
|
|
@@ -585,7 +585,7 @@
|
|
|
585
585
|
</div>
|
|
586
586
|
|
|
587
587
|
|
|
588
|
-
<input type="checkbox" id='${this.name|"checkbox"}' name='${this.name|"checkbox"}' aria-describedby='${this.description|this.name|"checkbox"}' value='${
|
|
588
|
+
<input type="checkbox" id='${this.name|"checkbox"}' name='${this.name|"checkbox"}' aria-describedby='${this.description|this.name|"checkbox"}' value='${F(this.value)}' ?checked="${this.checked}" ?disabled="${this.disabled}" @change="${this._onChange}" tabindex="-1">
|
|
589
589
|
|
|
590
590
|
<div class='checkmark ${this.checked?"active":""} ${this.error?"error":""}' id='check' aria-describedby='${this.description|this.name|"checkbox"}' tabindex="${this.disabled?"-1":"0"}">
|
|
591
591
|
<cd-icon name='check' size='xs' color='white'></cd-icon>
|
|
@@ -643,7 +643,7 @@
|
|
|
643
643
|
`;static properties={text:{type:String,reflect:!0},for:{type:String,reflect:!0,attribute:"for"},required:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0}};constructor(){super(),this.text=void 0,this.for=void 0,this.required=!1,this.disabled=!1}render(){return w`
|
|
644
644
|
<label
|
|
645
645
|
class="${this.disabled?"disabled":""}"
|
|
646
|
-
for="${
|
|
646
|
+
for="${F(this.for)}"
|
|
647
647
|
>
|
|
648
648
|
${this.text}
|
|
649
649
|
<slot></slot>
|
|
@@ -999,9 +999,11 @@
|
|
|
999
999
|
`;static properties={name:{type:String},value:{type:String},disabled:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},error:{type:Boolean,reflect:!0},placeholder:{type:String},fullWidth:{type:Boolean,attribute:"full-width",reflect:!0},size:{type:String,reflect:!0,attribute:"size",converter:A=>["sm","md","lg"].includes(A)?A:"md"},_internals:{type:Object,attribute:!1}};constructor(){super(),this.name=void 0,this.value=void 0,this.disabled=!1,this.required=!1,this.error=!1,this.placeholder=void 0,this.fullWidth=!1,this._internals=this.attachInternals()}render(){return w`
|
|
1000
1000
|
<div class='container ${this.fullWidth?"full-width":""}'>
|
|
1001
1001
|
<select
|
|
1002
|
-
name="${
|
|
1002
|
+
name="${F(this.name)}"
|
|
1003
1003
|
?disabled="${this.disabled}"
|
|
1004
1004
|
?required="${this.required}"
|
|
1005
|
+
?error="${this.error}"
|
|
1006
|
+
.value="${F(this.value)}"
|
|
1005
1007
|
class="${this.error?"input-error":""} ${this.size} ${this.fullWidth?"full-width":""}"
|
|
1006
1008
|
@change="${this.handleChange}"
|
|
1007
1009
|
>
|
|
@@ -1122,8 +1124,8 @@
|
|
|
1122
1124
|
`;static properties={value:{type:String,reflect:!0},name:{type:String,reflect:!0},placeholder:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},rows:{type:Number,reflect:!0},cols:{type:Number,reflect:!0},error:{type:Boolean,reflect:!0,attribute:"error"},fullWidth:{type:Boolean,reflect:!0,attribute:"full-width"},variant:{type:String,reflect:!0},iconRight:{type:String,reflect:!0,attribute:"icon-right"}};constructor(){super(),this.value="",this.name=void 0,this.placeholder="",this.disabled=!1,this.required=!1,this.rows=4,this.cols=50,this.error=!1,this.fullWidth=!1,this.variant="default",this.iconRight=void 0,this._internals=this.attachInternals()}render(){return w`
|
|
1123
1125
|
<div class='container ${this.fullWidth?"full-width":""}'>
|
|
1124
1126
|
<textarea
|
|
1125
|
-
id="${
|
|
1126
|
-
name="${
|
|
1127
|
+
id="${F(this.name)}"
|
|
1128
|
+
name="${F(this.name)}"
|
|
1127
1129
|
.value="${this.value}"
|
|
1128
1130
|
placeholder="${this.placeholder}"
|
|
1129
1131
|
?disabled="${this.disabled}"
|
|
@@ -1135,7 +1137,7 @@
|
|
|
1135
1137
|
@focus="${this.handleFocus}"
|
|
1136
1138
|
@blur="${this.handleBlur}">
|
|
1137
1139
|
</textarea>
|
|
1138
|
-
${this.iconRight?w`<span class="icon-right-container"><cd-icon size='sm' name='${this.iconRight}' class='icon-right' color='${
|
|
1140
|
+
${this.iconRight?w`<span class="icon-right-container"><cd-icon size='sm' name='${this.iconRight}' class='icon-right' color='${F(this.error?"var(--input-error-border-color)":void 0)}'></cd-icon></span>`:""}
|
|
1139
1141
|
</div>
|
|
1140
|
-
`}handleInput(A){return this.value=A.target.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("input",{detail:{value:this.value},bubbles:!0,composed:!0})),this.value}handleFocus(A){return this.value=A.target.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("focus",{detail:{value:this.value},bubbles:!0,composed:!0})),this.value}handleBlur(A){return this.value=A.target.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("blur",{detail:{value:this.value},bubbles:!0,composed:!0})),this.value}setValue(A){if(typeof A>"u"&&(A=""),typeof A!="string")throw new Error("Value must be a string");this.value=A,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}setDisabled(A){if(typeof A>"u"&&(A=!1),typeof A!="boolean")throw new Error("Disabled must be a boolean value");this.disabled=A,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}setError(A){if(typeof A>"u"&&(A=!1),typeof A!="boolean")throw new Error("Error must be a boolean value");this.error=A,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}}function ig(){!customElements.get("cd-textarea")&&typeof window<"u"&&customElements.define("cd-textarea",vA)}exports.Badge=wA;exports.Body=DA;exports.Checkbox=hA;exports.Counter=cA;exports.DataObject=oA;exports.ErrorMessage=GA;exports.FlexContainer=nA;exports.Icon=tA;exports.Informational=UA;exports.Key=YA;exports.KeyValue=MA;exports.Label=aA;exports.NavImage=sA;exports.Radio=PA;exports.Select=uA;exports.Spinner=FA;exports.Tag=dA;exports.Textarea=vA;exports.fontURL=Y;exports.fontURL$1=rA;exports.i=o;exports.i$1=M;exports.o=
|
|
1142
|
+
`}handleInput(A){return this.value=A.target.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("input",{detail:{value:this.value},bubbles:!0,composed:!0})),this.value}handleFocus(A){return this.value=A.target.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("focus",{detail:{value:this.value},bubbles:!0,composed:!0})),this.value}handleBlur(A){return this.value=A.target.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("blur",{detail:{value:this.value},bubbles:!0,composed:!0})),this.value}setValue(A){if(typeof A>"u"&&(A=""),typeof A!="string")throw new Error("Value must be a string");this.value=A,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}setDisabled(A){if(typeof A>"u"&&(A=!1),typeof A!="boolean")throw new Error("Disabled must be a boolean value");this.disabled=A,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}setError(A){if(typeof A>"u"&&(A=!1),typeof A!="boolean")throw new Error("Error must be a boolean value");this.error=A,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}}function ig(){!customElements.get("cd-textarea")&&typeof window<"u"&&customElements.define("cd-textarea",vA)}exports.Badge=wA;exports.Body=DA;exports.Checkbox=hA;exports.Counter=cA;exports.DataObject=oA;exports.ErrorMessage=GA;exports.FlexContainer=nA;exports.Icon=tA;exports.Informational=UA;exports.Key=YA;exports.KeyValue=MA;exports.Label=aA;exports.NavImage=sA;exports.Radio=PA;exports.Select=uA;exports.Spinner=FA;exports.Tag=dA;exports.Textarea=vA;exports.fontURL=Y;exports.fontURL$1=rA;exports.i=o;exports.i$1=M;exports.o=F;exports.r=i;exports.registerBadge=ZA;exports.registerBody=qA;exports.registerCheckbox=Ig;exports.registerCounter=Bg;exports.registerDataObject=$A;exports.registerErrorMessage=wg;exports.registerFlexContainer=Eg;exports.registerIcon=iA;exports.registerInformational=lA;exports.registerKey=Cg;exports.registerKeyValue=Ag;exports.registerLabel=eg;exports.registerNavImage=gg;exports.registerRadio=og;exports.registerSelect=tg;exports.registerSpinner=Qg;exports.registerTag=Dg;exports.registerTextarea=ig;exports.x=w;
|
|
1141
1143
|
//# sourceMappingURL=index.cjs.js.map
|