inputs-wc 0.1.144 → 0.1.145

package/dist/cjs/alt-input.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BKqtxrh8.js');
-var tw = require('./tw-CZuzOxdS.js');
+var index = require('./index-B6fgpYlw.js');
+var tw = require('./tw-DWlWAlLg.js');
 
 const altInputCss = () => ``;
 

package/dist/cjs/{index-BKqtxrh8.js → index-B6fgpYlw.js}

@@ -5,7 +5,7 @@ const BUILD = /* inputs-wc */ { allRenderFn: true, appendChildSlotFix: false, as
 const Env = /* inputs-wc */ {};
 
 /*
- Stencil Client Platform v4.43.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -42,6 +42,19 @@ var NonPrimitiveType = /* @__PURE__ */ ((NonPrimitiveType2) => {
 var TYPE_CONSTANT = "type";
 var VALUE_CONSTANT = "value";
 var SERIALIZED_PREFIX = "serialized:";
+
+// src/utils/get-prop-descriptor.ts
+function getPropertyDescriptor(obj, memberName, getOnly) {
+  const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
+  while (obj && obj !== stopAt) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc && (!getOnly || desc.get)) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
+// src/utils/es2022-rewire-class-members.ts
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -49,7 +62,7 @@ var reWireGetterSetter = (instance, hostRef) => {
   members.map(([memberName, [memberFlags]]) => {
     if ((BUILD.state || BUILD.prop) && (memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
       const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
       if (ogDescriptor) {
         Object.defineProperty(instance, memberName, {
           get() {
@@ -62,18 +75,14 @@ var reWireGetterSetter = (instance, hostRef) => {
           enumerable: true
         });
       }
-      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+      if (hostRef.$instanceValues$.has(memberName)) {
+        instance[memberName] = hostRef.$instanceValues$.get(memberName);
+      } else if (ogValue !== void 0) {
+        instance[memberName] = ogValue;
+      }
     }
   });
 };
-function getPropertyDescriptor(obj, memberName) {
-  while (obj) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc == null ? void 0 : desc.get) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -3515,7 +3524,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((BUILD.prop || BUILD.state) && (memberFlags & 31 /* Prop */ || (!BUILD.lazyLoad || flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+        const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
@@ -3862,7 +3871,7 @@ var connectedCallback = (elm) => {
       }
       if (BUILD.prop && !BUILD.hydrateServerSide && cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
+          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;

package/dist/cjs/inputs-wc.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BKqtxrh8.js');
+var index = require('./index-B6fgpYlw.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.43.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKqtxrh8.js');
+var index = require('./index-B6fgpYlw.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/numeric-input.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BKqtxrh8.js');
-var tw = require('./tw-CZuzOxdS.js');
+var index = require('./index-B6fgpYlw.js');
+var tw = require('./tw-DWlWAlLg.js');
 
 const numericInputCss = () => ``;
 

package/dist/cjs/sample-form.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BKqtxrh8.js');
-var tw = require('./tw-CZuzOxdS.js');
+var index = require('./index-B6fgpYlw.js');
+var tw = require('./tw-DWlWAlLg.js');
 
 const Button = props => {
     const { label, callback } = props;

package/dist/cjs/{tw-CZuzOxdS.js → tw-DWlWAlLg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKqtxrh8.js');
+var index = require('./index-B6fgpYlw.js');
 
 const appendToMap = (map, propName, value) => {
     let refs = map.get(propName);

package/dist/collection/collection-manifest.json

@@ -4,9 +4,10 @@
     "components/numeric-input/numeric-input.js",
     "components/sample-form/sample-form.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.1",
+    "version": "4.43.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/esm/alt-input.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-Ct9t3Noq.js';
-import { a as actions, t as tw } from './tw-CQMOSYa1.js';
+import { r as registerInstance, h } from './index-QOexTp2C.js';
+import { a as actions, t as tw } from './tw-CQq7v5BY.js';
 
 const altInputCss = () => ``;
 

package/dist/esm/{index-Ct9t3Noq.js → index-QOexTp2C.js}

@@ -3,7 +3,7 @@ const BUILD = /* inputs-wc */ { allRenderFn: true, appendChildSlotFix: false, as
 const Env = /* inputs-wc */ {};
 
 /*
- Stencil Client Platform v4.43.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -40,6 +40,19 @@ var NonPrimitiveType = /* @__PURE__ */ ((NonPrimitiveType2) => {
 var TYPE_CONSTANT = "type";
 var VALUE_CONSTANT = "value";
 var SERIALIZED_PREFIX = "serialized:";
+
+// src/utils/get-prop-descriptor.ts
+function getPropertyDescriptor(obj, memberName, getOnly) {
+  const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
+  while (obj && obj !== stopAt) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc && (!getOnly || desc.get)) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
+// src/utils/es2022-rewire-class-members.ts
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -47,7 +60,7 @@ var reWireGetterSetter = (instance, hostRef) => {
   members.map(([memberName, [memberFlags]]) => {
     if ((BUILD.state || BUILD.prop) && (memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
       const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
       if (ogDescriptor) {
         Object.defineProperty(instance, memberName, {
           get() {
@@ -60,18 +73,14 @@ var reWireGetterSetter = (instance, hostRef) => {
           enumerable: true
         });
       }
-      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+      if (hostRef.$instanceValues$.has(memberName)) {
+        instance[memberName] = hostRef.$instanceValues$.get(memberName);
+      } else if (ogValue !== void 0) {
+        instance[memberName] = ogValue;
+      }
     }
   });
 };
-function getPropertyDescriptor(obj, memberName) {
-  while (obj) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc == null ? void 0 : desc.get) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -3513,7 +3522,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((BUILD.prop || BUILD.state) && (memberFlags & 31 /* Prop */ || (!BUILD.lazyLoad || flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+        const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
@@ -3860,7 +3869,7 @@ var connectedCallback = (elm) => {
       }
       if (BUILD.prop && !BUILD.hydrateServerSide && cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
+          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;

package/dist/esm/inputs-wc.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-Ct9t3Noq.js';
-export { s as setNonce } from './index-Ct9t3Noq.js';
+import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-QOexTp2C.js';
+export { s as setNonce } from './index-QOexTp2C.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.43.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-Ct9t3Noq.js';
-export { s as setNonce } from './index-Ct9t3Noq.js';
+import { b as bootstrapLazy } from './index-QOexTp2C.js';
+export { s as setNonce } from './index-QOexTp2C.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/numeric-input.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-Ct9t3Noq.js';
-import { a as actions, t as tw } from './tw-CQMOSYa1.js';
+import { r as registerInstance, h } from './index-QOexTp2C.js';
+import { a as actions, t as tw } from './tw-CQq7v5BY.js';
 
 const numericInputCss = () => ``;
 

package/dist/esm/sample-form.entry.js

@@ -1,5 +1,5 @@
-import { h, r as registerInstance } from './index-Ct9t3Noq.js';
-import { t as tw, a as actions, s as state } from './tw-CQMOSYa1.js';
+import { h, r as registerInstance } from './index-QOexTp2C.js';
+import { t as tw, a as actions, s as state } from './tw-CQq7v5BY.js';
 
 const Button = props => {
     const { label, callback } = props;

package/dist/esm/{tw-CQMOSYa1.js → tw-CQq7v5BY.js}

@@ -1,4 +1,4 @@
-import { S as StencilCore } from './index-Ct9t3Noq.js';
+import { S as StencilCore } from './index-QOexTp2C.js';
 
 const appendToMap = (map, propName, value) => {
     let refs = map.get(propName);

package/dist/inputs-wc/inputs-wc.esm.js

@@ -1 +1 @@
-import{p as t,B as a,c as e,w as n,N as i,H as r,b as p}from"./p-Ct9t3Noq.js";export{s as setNonce}from"./p-Ct9t3Noq.js";import{g as m}from"./p-DQuL1Twl.js";var o=t=>{const a=t.cloneNode;t.cloneNode=function(t){if("TEMPLATE"===this.nodeName)return a.call(this,t);const e=a.call(this,!1),s=this.childNodes;if(t)for(let t=0;t<s.length;t++)2!==s[t].nodeType&&e.appendChild(s[t].cloneNode(!0));return e}};(()=>{a.isDev&&!a.isTesting&&e("Running in development mode."),a.cloneNodeFix&&o(r.prototype);const s=a.scriptDataOpts?n.document&&Array.from(n.document.querySelectorAll("script")).find((t=>new RegExp(`/${i}(\\.esm)?\\.js($|\\?|#)`).test(t.src)||t.getAttribute("data-stencil-namespace")===i)):null,p=import.meta.url,m=a.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==p&&(m.resourcesUrl=new URL(".",p).href),t(m)})().then((async t=>(await m(),p([["p-af0d4d40",[[0,"alt-input",{min:[2],max:[2],xId:[1,"x-id"],value:[2,"x-value"]}]]],["p-10e57212",[[0,"numeric-input",{min:[2],max:[2],xId:[1,"x-id"],xPrefix:[1,"x-prefix"],value:[2,"x-value"]}]]],["p-06b0a719",[[1,"sample-form"]]]],t))));
+import{p as e,B as a,c as t,w as n,N as i,H as r,b as p}from"./p-QOexTp2C.js";export{s as setNonce}from"./p-QOexTp2C.js";import{g as m}from"./p-DQuL1Twl.js";var o=e=>{const a=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return a.call(this,e);const s=a.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&s.appendChild(t[e].cloneNode(!0));return s}};(()=>{a.isDev&&!a.isTesting&&t("Running in development mode."),a.cloneNodeFix&&o(r.prototype);const s=a.scriptDataOpts?n.document&&Array.from(n.document.querySelectorAll("script")).find((e=>new RegExp(`/${i}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===i)):null,p=import.meta.url,m=a.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==p&&(m.resourcesUrl=new URL(".",p).href),e(m)})().then((async e=>(await m(),p([["p-3c2365d1",[[0,"alt-input",{min:[2],max:[2],xId:[1,"x-id"],value:[2,"x-value"]}]]],["p-c6cd3a89",[[0,"numeric-input",{min:[2],max:[2],xId:[1,"x-id"],xPrefix:[1,"x-prefix"],value:[2,"x-value"]}]]],["p-750bddcb",[[1,"sample-form"]]]],e))));

package/dist/inputs-wc/{p-af0d4d40.entry.js → p-3c2365d1.entry.js}

@@ -1 +1 @@
-import{r as t,h as s}from"./p-Ct9t3Noq.js";import{a as i,t as r}from"./p-VFeTkGUU.js";const e=class{constructor(s){t(this,s),this.min=0,this.max=void 0,this.xId="",this.value=0,this.isInvalid=t=>{const{min:s,max:i}=this;return t<s||void 0!==i&&t>i},this.handleInput=t=>{t.preventDefault();const s=t.target;i.update(this.xId,""!=s.value?s.value:0)}}render(){return s("input",{key:"4f722d7778500c3f5038667e0b977dd04389c185",class:r("text-right",this.isInvalid(this.value)?"text-clrs-red":"text-clrs-navy"),type:"number",onInput:this.handleInput,value:this.value})}};e.style="";export{e as alt_input}
+import{r as t,h as s}from"./p-QOexTp2C.js";import{a as i,t as r}from"./p-CquuxCj0.js";const e=class{constructor(s){t(this,s),this.min=0,this.max=void 0,this.xId="",this.value=0,this.isInvalid=t=>{const{min:s,max:i}=this;return t<s||void 0!==i&&t>i},this.handleInput=t=>{t.preventDefault();const s=t.target;i.update(this.xId,""!=s.value?s.value:0)}}render(){return s("input",{key:"4f722d7778500c3f5038667e0b977dd04389c185",class:r("text-right",this.isInvalid(this.value)?"text-clrs-red":"text-clrs-navy"),type:"number",onInput:this.handleInput,value:this.value})}};e.style="";export{e as alt_input}

package/dist/inputs-wc/{p-06b0a719.entry.js → p-750bddcb.entry.js}

@@ -1 +1 @@
-import{h as r,r as e}from"./p-Ct9t3Noq.js";import{t as l,a as t,s as o}from"./p-VFeTkGUU.js";const a=e=>{const{label:t,callback:o}=e;return r("button",{class:l("mr-2 rounded-md border border-solid border-clrs-slate4 font-bold","bg-clrs-blue px-2 py-1 text-clrs-white","hover:bg-clrs-red"),onClick:o},t)},s=e=>{const l=e.hex||"currentColor",t=e.selected||!1,o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"check")," ",r("g",{fill:l},r("path",t?{d:"M10 17L5 12L6.41 10.58L10 14.17L17.59 6.58L19 8M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3Z"}:{d:"M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3M19 5V19H5V5H19Z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},i=e=>{const l=e.hex||"currentColor",t=e.selected||!1,o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"radio")," ",r("g",{fill:l},r("path",t?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},c=class{constructor(r){e(this,r)}refresh(){t.refresh()}render(){const{items:e,itemSets:l,pick:c}=o,d=o.tag,n=l.map(((e,l)=>r("span",{onClick:()=>t.pick(l)},r(i,{selected:l==c})))),h=e.map((({key:e,value:l})=>r(d,{"x-id":e,"x-value":l,max:20})));return r("div",{class:"flex flex-col gap-2 text-clrs-navy"},r("div",{class:"flex"},r(a,{label:"Refresh",callback:this.refresh}),r("span",{onClick:()=>t.toggle()},r(s,{selected:"numeric-input"===d,label:d})),...n),...h)}};c.style="@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.start{inset-inline-start:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate4{border-color:var(--clrs-slate4, #4e5964)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:bg-clrs-red{&:hover{@media (hover: hover){background-color:var(--clrs-red, #ff4136)}}}}";export{c as sample_form}
+import{h as r,r as e}from"./p-QOexTp2C.js";import{t as l,a as t,s as a}from"./p-CquuxCj0.js";const o=e=>{const{label:t,callback:a}=e;return r("button",{class:l("mr-2 rounded-md border border-solid border-clrs-slate4 font-bold","bg-clrs-blue px-2 py-1 text-clrs-white","hover:bg-clrs-red"),onClick:a},t)},s=e=>{const l=e.hex||"currentColor",t=e.selected||!1,a=e.size||24;return r("svg",{class:e.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"check")," ",r("g",{fill:l},r("path",t?{d:"M10 17L5 12L6.41 10.58L10 14.17L17.59 6.58L19 8M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3Z"}:{d:"M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3M19 5V19H5V5H19Z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},i=e=>{const l=e.hex||"currentColor",t=e.selected||!1,a=e.size||24;return r("svg",{class:e.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"radio")," ",r("g",{fill:l},r("path",t?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},c=class{constructor(r){e(this,r)}refresh(){t.refresh()}render(){const{items:e,itemSets:l,pick:c}=a,d=a.tag,n=l.map(((e,l)=>r("span",{onClick:()=>t.pick(l)},r(i,{selected:l==c})))),h=e.map((({key:e,value:l})=>r(d,{"x-id":e,"x-value":l,max:20})));return r("div",{class:"flex flex-col gap-2 text-clrs-navy"},r("div",{class:"flex"},r(o,{label:"Refresh",callback:this.refresh}),r("span",{onClick:()=>t.toggle()},r(s,{selected:"numeric-input"===d,label:d})),...n),...h)}};c.style="@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.start{inset-inline-start:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate4{border-color:var(--clrs-slate4, #4e5964)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:bg-clrs-red{&:hover{@media (hover: hover){background-color:var(--clrs-red, #ff4136)}}}}";export{c as sample_form}