@warp-ds/elements 2.10.0-next.11 → 2.10.0-next.13

package/dist/packages/box/box.js

@@ -1,4 +1,4 @@
-var O=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var f=(d,e,n,o)=>{for(var i=o>1?void 0:o?$(e,n):e,h=d.length-1,u;h>=0;h--)(u=d[h])&&(i=(o?u(e,n,i):u(i))||i);return o&&i&&O(e,n,i),i};var Z=function(){for(var d=[],e=arguments.length;e--;)d[e]=arguments[e];return d.reduce(function(n,o){return n.concat(typeof o=="string"?o:Array.isArray(o)?Z.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{css as D,html as H,LitElement as J}from"lit";import{property as F}from"lit/decorators.js";var a=function(d,e,n,o){if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?d!==e||!o:!e.has(d))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?o:n==="a"?o.call(d):o?o.value:e.get(d)},l=function(d,e,n,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?d!==e||!i:!e.has(d))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(d,n):i?i.value=n:e.set(d,n),n};function N(d){var e,n,o,i,h,u,m,R,x,Y,j,E,V,k,M,v,A,P,S;class q extends d{constructor(...r){var t,s,c;super(...r),e.add(this),this.internals=this.attachInternals(),n.set(this,!1),o.set(this,!1),i.set(this,!1),h.set(this,void 0),u.set(this,void 0),m.set(this,!0),x.set(this,""),Y.set(this,()=>{l(this,i,!0,"f"),l(this,n,!0,"f"),a(this,e,"m",v).call(this)}),j.set(this,()=>{l(this,n,!1,"f"),a(this,e,"m",A).call(this,this.shouldFormValueUpdate()?a(this,x,"f"):""),!this.validity.valid&&a(this,i,"f")&&l(this,o,!0,"f");let p=a(this,e,"m",v).call(this);this.validationMessageCallback&&this.validationMessageCallback(p?this.internals.validationMessage:"")}),E.set(this,()=>{var p;a(this,m,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),l(this,m,!1,"f")),l(this,i,!0,"f"),l(this,o,!0,"f"),a(this,e,"m",v).call(this),(p=this===null||this===void 0?void 0:this.validationMessageCallback)===null||p===void 0||p.call(this,this.showError?this.internals.validationMessage:"")}),V.set(this,void 0),k.set(this,!1),M.set(this,Promise.resolve()),(t=this.addEventListener)===null||t===void 0||t.call(this,"focus",a(this,Y,"f")),(s=this.addEventListener)===null||s===void 0||s.call(this,"blur",a(this,j,"f")),(c=this.addEventListener)===null||c===void 0||c.call(this,"invalid",a(this,E,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let r=this.validators.map(c=>c.attribute).flat(),t=super.observedAttributes||[];return[...new Set([...t,...r])]}static getValidator(r){return this.validators.find(t=>t.attribute===r)||null}static getValidators(r){return this.validators.filter(t=>{var s;if(t.attribute===r||!((s=t.attribute)===null||s===void 0)&&s.includes(r))return!0})}get form(){return this.internals.form}get showError(){return a(this,e,"m",v).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(r,t,s){var c;(c=super.attributeChangedCallback)===null||c===void 0||c.call(this,r,t,s);let z=this.constructor.getValidators(r);z?.length&&this.validationTarget&&this.setValue(a(this,x,"f"))}setValue(r){var t;l(this,o,!1,"f"),(t=this.validationMessageCallback)===null||t===void 0||t.call(this,""),l(this,x,r,"f");let c=this.shouldFormValueUpdate()?r:null;this.internals.setFormValue(c),a(this,e,"m",A).call(this,c),this.valueChangedCallback&&this.valueChangedCallback(c),a(this,e,"m",v).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(r=>r(a(this,M,"f")))}formResetCallback(){var r,t;l(this,i,!1,"f"),l(this,o,!1,"f"),a(this,e,"m",v).call(this),(r=this.resetFormControl)===null||r===void 0||r.call(this),(t=this.validationMessageCallback)===null||t===void 0||t.call(this,a(this,e,"m",v).call(this)?this.validationMessage:"")}}return n=new WeakMap,o=new WeakMap,i=new WeakMap,h=new WeakMap,u=new WeakMap,m=new WeakMap,x=new WeakMap,Y=new WeakMap,j=new WeakMap,E=new WeakMap,V=new WeakMap,k=new WeakMap,M=new WeakMap,e=new WeakSet,R=function(){let r=this.getRootNode(),t=`${this.localName}[name="${this.getAttribute("name")}"]`;return r.querySelectorAll(t)},v=function(){if(this.hasAttribute("disabled"))return!1;let r=a(this,o,"f")||a(this,i,"f")&&!this.validity.valid&&!a(this,n,"f");return r&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),r},A=function(r){let t=this.constructor,s={},c=t.validators,p=[],z=c.some(b=>b.isValid instanceof Promise);a(this,k,"f")||(l(this,M,new Promise(b=>{l(this,V,b,"f")}),"f"),l(this,k,!0,"f")),a(this,h,"f")&&(a(this,h,"f").abort(),l(this,u,a(this,h,"f"),"f"));let _=new AbortController;l(this,h,_,"f");let C,W=!1;c.length&&(c.forEach(b=>{let T=b.key||"customError",w=b.isValid(this,r,_.signal);w instanceof Promise?(p.push(w),w.then(X=>{X!=null&&(s[T]=!X,C=a(this,e,"m",S).call(this,b,r),a(this,e,"m",P).call(this,s,C))})):(s[T]=!w,this.validity[T]!==!w&&(W=!0),!w&&!C&&(C=a(this,e,"m",S).call(this,b,r)))}),Promise.allSettled(p).then(()=>{var b;_?.signal.aborted||(l(this,k,!1,"f"),(b=a(this,V,"f"))===null||b===void 0||b.call(this))}),(W||!z)&&a(this,e,"m",P).call(this,s,C))},P=function(r,t){if(this.validationTarget)this.internals.setValidity(r,t,this.validationTarget),l(this,m,!1,"f");else{if(this.internals.setValidity(r,t),this.internals.validity.valid)return;l(this,m,!0,"f")}},S=function(r,t){if(this.validityCallback){let s=this.validityCallback(r.key||"customError");if(s)return s}return r.message instanceof Function?r.message(this,t):r.message},q}import{css as U}from"lit";var L=U`
+var q=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var f=(d,e,n,o)=>{for(var i=o>1?void 0:o?O(e,n):e,h=d.length-1,u;h>=0;h--)(u=d[h])&&(i=(o?u(e,n,i):u(i))||i);return o&&i&&q(e,n,i),i};var Z=function(){for(var d=[],e=arguments.length;e--;)d[e]=arguments[e];return d.reduce(function(n,o){return n.concat(typeof o=="string"?o:Array.isArray(o)?Z.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{css as H,html as J,LitElement as K}from"lit";import{property as F}from"lit/decorators.js";var a=function(d,e,n,o){if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?d!==e||!o:!e.has(d))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?o:n==="a"?o.call(d):o?o.value:e.get(d)},l=function(d,e,n,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?d!==e||!i:!e.has(d))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(d,n):i?i.value=n:e.set(d,n),n};function N(d){var e,n,o,i,h,u,m,G,x,Y,j,E,V,k,M,v,S,A,P;class R extends d{constructor(...r){var t,s,c;super(...r),e.add(this),this.internals=this.attachInternals(),n.set(this,!1),o.set(this,!1),i.set(this,!1),h.set(this,void 0),u.set(this,void 0),m.set(this,!0),x.set(this,""),Y.set(this,()=>{l(this,i,!0,"f"),l(this,n,!0,"f"),a(this,e,"m",v).call(this)}),j.set(this,()=>{l(this,n,!1,"f"),a(this,e,"m",S).call(this,this.shouldFormValueUpdate()?a(this,x,"f"):""),!this.validity.valid&&a(this,i,"f")&&l(this,o,!0,"f");let p=a(this,e,"m",v).call(this);this.validationMessageCallback&&this.validationMessageCallback(p?this.internals.validationMessage:"")}),E.set(this,()=>{var p;a(this,m,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),l(this,m,!1,"f")),l(this,i,!0,"f"),l(this,o,!0,"f"),a(this,e,"m",v).call(this),(p=this===null||this===void 0?void 0:this.validationMessageCallback)===null||p===void 0||p.call(this,this.showError?this.internals.validationMessage:"")}),V.set(this,void 0),k.set(this,!1),M.set(this,Promise.resolve()),(t=this.addEventListener)===null||t===void 0||t.call(this,"focus",a(this,Y,"f")),(s=this.addEventListener)===null||s===void 0||s.call(this,"blur",a(this,j,"f")),(c=this.addEventListener)===null||c===void 0||c.call(this,"invalid",a(this,E,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let r=this.validators.map(c=>c.attribute).flat(),t=super.observedAttributes||[];return[...new Set([...t,...r])]}static getValidator(r){return this.validators.find(t=>t.attribute===r)||null}static getValidators(r){return this.validators.filter(t=>{var s;if(t.attribute===r||!((s=t.attribute)===null||s===void 0)&&s.includes(r))return!0})}get form(){return this.internals.form}get showError(){return a(this,e,"m",v).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(r,t,s){var c;(c=super.attributeChangedCallback)===null||c===void 0||c.call(this,r,t,s);let z=this.constructor.getValidators(r);z?.length&&this.validationTarget&&this.setValue(a(this,x,"f"))}setValue(r){var t;l(this,o,!1,"f"),(t=this.validationMessageCallback)===null||t===void 0||t.call(this,""),l(this,x,r,"f");let c=this.shouldFormValueUpdate()?r:null;this.internals.setFormValue(c),a(this,e,"m",S).call(this,c),this.valueChangedCallback&&this.valueChangedCallback(c),a(this,e,"m",v).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(r=>r(a(this,M,"f")))}formResetCallback(){var r,t;l(this,i,!1,"f"),l(this,o,!1,"f"),a(this,e,"m",v).call(this),(r=this.resetFormControl)===null||r===void 0||r.call(this),(t=this.validationMessageCallback)===null||t===void 0||t.call(this,a(this,e,"m",v).call(this)?this.validationMessage:"")}}return n=new WeakMap,o=new WeakMap,i=new WeakMap,h=new WeakMap,u=new WeakMap,m=new WeakMap,x=new WeakMap,Y=new WeakMap,j=new WeakMap,E=new WeakMap,V=new WeakMap,k=new WeakMap,M=new WeakMap,e=new WeakSet,G=function(){let r=this.getRootNode(),t=`${this.localName}[name="${this.getAttribute("name")}"]`;return r.querySelectorAll(t)},v=function(){if(this.hasAttribute("disabled"))return!1;let r=a(this,o,"f")||a(this,i,"f")&&!this.validity.valid&&!a(this,n,"f");return r&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),r},S=function(r){let t=this.constructor,s={},c=t.validators,p=[],z=c.some(b=>b.isValid instanceof Promise);a(this,k,"f")||(l(this,M,new Promise(b=>{l(this,V,b,"f")}),"f"),l(this,k,!0,"f")),a(this,h,"f")&&(a(this,h,"f").abort(),l(this,u,a(this,h,"f"),"f"));let _=new AbortController;l(this,h,_,"f");let C,W=!1;c.length&&(c.forEach(b=>{let T=b.key||"customError",w=b.isValid(this,r,_.signal);w instanceof Promise?(p.push(w),w.then(X=>{X!=null&&(s[T]=!X,C=a(this,e,"m",P).call(this,b,r),a(this,e,"m",A).call(this,s,C))})):(s[T]=!w,this.validity[T]!==!w&&(W=!0),!w&&!C&&(C=a(this,e,"m",P).call(this,b,r)))}),Promise.allSettled(p).then(()=>{var b;_?.signal.aborted||(l(this,k,!1,"f"),(b=a(this,V,"f"))===null||b===void 0||b.call(this))}),(W||!z)&&a(this,e,"m",A).call(this,s,C))},A=function(r,t){if(this.validationTarget)this.internals.setValidity(r,t,this.validationTarget),l(this,m,!1,"f");else{if(this.internals.setValidity(r,t),this.internals.validity.valid)return;l(this,m,!0,"f")}},P=function(r,t){if(this.validityCallback){let s=this.validityCallback(r.key||"customError");if(s)return s}return r.message instanceof Function?r.message(this,t):r.message},R}import{css as $}from"lit";import{unsafeCSS as I}from"lit";var U=$`
   *,
   :before,
   :after {
@@ -271,7 +271,7 @@ var O=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var f=(d,e,n,o
   svg {
     pointer-events: none;
   }
-`,or=U`*, :before, :after {
+`,ar=I(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2136,8 +2136,8 @@ var O=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var f=(d,e,n,o
                 overflow-wrap: break-word
             }
 
-            .before\\:content-\\[\\"–\\"\\]:before {
-                content: "–"
+            .before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
+                content: "\xE2\u20AC\u201C"
             }
 
             .before\\:content-\\[\\"\\"\\]:before {
@@ -2437,11 +2437,11 @@ var O=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var f=(d,e,n,o
                     display: none
                 }
             }
-        `;import{css as I}from"lit";var G=I`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.p-16{padding:1.6rem}.break-words{overflow-wrap:break-word}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}`;var g=class extends N(J){constructor(){super(...arguments);this.bleed=!1;this.bordered=!1;this.info=!1;this.neutral=!1;this.role="region"}connectedCallback(){super.connectedCallback(),this.internals.role=this.role}updated(n){super.updated(n),n.has("role")&&(this.internals.role=this.role)}get _class(){return Z(["group block relative break-words last-child:mb-0 p-16 rounded-8",this.bleed&&"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",this.info&&"s-bg-info-subtle",this.neutral&&"s-surface-sunken",this.bordered&&"border-2 s-border s-bg"])}render(){return H`
+        `);import{unsafeCSS as D}from"lit";var L=D("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.rounded{border-radius:4px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.p-16{padding:1.6rem}.break-words{overflow-wrap:break-word}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}");var g=class extends N(K){constructor(){super(...arguments);this.bleed=!1;this.bordered=!1;this.info=!1;this.neutral=!1;this.role="region"}connectedCallback(){super.connectedCallback(),this.internals.role=this.role}updated(n){super.updated(n),n.has("role")&&(this.internals.role=this.role)}get _class(){return Z(["group block relative break-words last-child:mb-0 p-16 rounded-8",this.bleed&&"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",this.info&&"s-bg-info-subtle",this.neutral&&"s-surface-sunken",this.bordered&&"border-2 s-border s-bg"])}render(){return J`
       <div class="${this._class}">
         <slot></slot>
       </div>
-    `}};g.styles=[L,G,D`
+    `}};g.styles=[U,L,H`
       :host {
         display: block;
       }