npm - udp-stencil-component-library - Versions diffs - 1.0.2 → 1.0.3 - Mend

udp-stencil-component-library 1.0.2 → 1.0.3

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.

Files changed (638) hide show

package/dist/components/inputs-example.js CHANGED Viewed

@@ -1,20 +1,20 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
-import { d as defineCustomElement$i } from './p-Thx6k3Xp.js';
+import { d as defineCustomElement$i } from './p-WLd9SWLl.js';
 import { d as defineCustomElement$h } from './p-DpLtIIwx.js';
-import { d as defineCustomElement$g } from './p-B3-pcvgV.js';
-import { d as defineCustomElement$f } from './p-BvSuY3tY.js';
-import { d as defineCustomElement$e } from './p-CA-v1fbV.js';
-import { d as defineCustomElement$d } from './p-C8cWVxBF.js';
-import { d as defineCustomElement$c } from './p-hRee3qYx.js';
-import { d as defineCustomElement$b } from './p-HrsHnWeG.js';
-import { d as defineCustomElement$a } from './p-CRiQA7Cy.js';
-import { d as defineCustomElement$9 } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$g } from './p-Cdz5sX_v.js';
+import { d as defineCustomElement$f } from './p-Dx5ehH3t.js';
+import { d as defineCustomElement$e } from './p-ill5r6eV.js';
+import { d as defineCustomElement$d } from './p-26jyxB7s.js';
+import { d as defineCustomElement$c } from './p-D6Wo7quX.js';
+import { d as defineCustomElement$b } from './p-6EzLtNtq.js';
+import { d as defineCustomElement$a } from './p-DZaCCOXB.js';
+import { d as defineCustomElement$9 } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$8 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$7 } from './p-C-wDzVCk.js';
-import { d as defineCustomElement$6 } from './p-DzaN4l_Y.js';
-import { d as defineCustomElement$5 } from './p-DMcaGgHq.js';
-import { d as defineCustomElement$4 } from './p-BTIWOttf.js';
-import { d as defineCustomElement$3 } from './p-Bdt-oOnd.js';
+import { d as defineCustomElement$6 } from './p-Cp1kbBGM.js';
+import { d as defineCustomElement$5 } from './p-DnMRLbBX.js';
+import { d as defineCustomElement$4 } from './p-W_kxEzVl.js';
+import { d as defineCustomElement$3 } from './p-Oil5iqFm.js';
 import { d as defineCustomElement$2 } from './p-DkppmXNM.js';
 const inputsExampleCss = ":host{display:block;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);line-height:1.6;color:var(--text-color, #333);max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--primary-color, #007acc);text-align:center;border-bottom:3px solid var(--primary-color, #007acc);padding-bottom:1rem}.example-section{margin-bottom:4rem;padding:2rem;background:var(--section-background, #f8f9fa);border-radius:12px;border:1px solid var(--border-color, #e9ecef)}.example-section h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--secondary-color, #495057);display:flex;align-items:center;gap:0.5rem}.example-section h2::before{content:'';width:4px;height:1.5rem;background:var(--primary-color, #007acc);border-radius:2px}.example-section p{margin-bottom:1.5rem;color:var(--text-muted, #6c757d);font-size:1.1rem}.input-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.input-example{background:var(--input-example-background, #ffffff);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e9ecef);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, box-shadow 0.2s ease}.input-example:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.input-example h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--heading-color, #343a40);border-bottom:2px solid var(--accent-color, #dee2e6);padding-bottom:0.5rem}.value-display{margin-top:1rem;padding:0.75rem;background:var(--value-display-background, #e7f3ff);border-radius:6px;font-family:'Courier New', monospace;font-size:0.9rem;color:var(--value-display-color, #0066cc);border-left:4px solid var(--primary-color, #007acc)}.form-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color, #e9ecef)}.submit-button{background:var(--primary-color, #007acc);color:white;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.submit-button:hover{background:var(--primary-color-hover, #0056b3);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.submit-button:active{transform:translateY(0)}.form-values{margin-top:2rem;padding:1.5rem;background:var(--code-background, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e9ecef)}.form-values h3{margin-bottom:1rem;color:var(--heading-color, #343a40);font-size:1.2rem}.form-values pre{background:var(--pre-background, #ffffff);padding:1rem;border-radius:6px;border:1px solid var(--border-color, #e9ecef);font-size:0.9rem;overflow-x:auto;color:var(--code-color, #495057);white-space:pre-wrap;word-wrap:break-word}.disabled-examples{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){:host{padding:1rem}h1{font-size:2rem}.input-grid,.form-grid{grid-template-columns:1fr;gap:1rem}.input-example{padding:1rem}.example-section{padding:1rem}}@media (prefers-color-scheme: dark){:host{--text-color:#f8f9fa;--section-background:#2d3748;--input-example-background:#4a5568;--border-color:#4a5568;--heading-color:#e2e8f0;--text-muted:#a0aec0;--value-display-background:#2c5282;--value-display-color:#90cdf4;--code-background:#2d3748;--pre-background:#4a5568;--code-color:#e2e8f0}}*{transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease}.submit-button:focus{outline:2px solid var(--primary-color, #007acc);outline-offset:2px}@media print{:host{padding:0}.input-example{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.submit-button{display:none}}";
@@ -105,7 +105,7 @@ const InputsExample$1 = /*@__PURE__*/ proxyCustomElement(class InputsExample ext
         };
     }
     render() {
-        return (h("div", { key: 'c1752ee849c28d15226e52f89e54effc0124096d', class: "inputs-example" }, h("h1", { key: 'f206efe282b4e4be1e72e080c658b5281b62677b' }, "Input Components Examples"), h("section", { key: 'dc2ccaa0c26a7828d645edf914afff039ab614cb', class: "example-section" }, h("h2", { key: 'a964de5f12691c8b8b376bc60ca555eaed0bab73' }, "Controlled Components"), h("p", { key: 'c78e0fbf5bd4af735ea24fc3f1321be657651920' }, "Parent component manages state and passes values to child components."), h("div", { key: '3c727d4852fb20550f7beb3293693f3c3b75f1d6', class: "input-grid" }, h("div", { key: '55813c68ff4a15b36c2c6ec4f5a3a2350ba99894', class: "input-example" }, h("h3", { key: '7fe73653ce6e01047cba3c5e895ceb7360a61c8f' }, "Text Field"), h("text-field", { key: 'b157bb01cd1d40475c93afff82753507dd1c0bf5', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: '2292267101a88a7edbcc35b4c844c54cfb35670c', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: 'b826cb6aa6811bae0aa6c58d079dadc41b834512', class: "input-example" }, h("h3", { key: '75bfe5eaddeee9b8925e542b998f2aa04b6d54e3' }, "Numeric Field"), h("numeric-field", { key: '36e0566646ed0fae60c500d3228de73f5ab456d9', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: '46d9774aa39950df990807c90877d8eb07f89291', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: 'c30ab6ae34d3c90eb0d9ecda39f4455e16d560cc', class: "input-example" }, h("h3", { key: '47b490cd16b75baeba29dd91ba9f10f9ab6fdceb' }, "Text Area"), h("text-area", { key: '78a9810cd541b29414158722af7b911a3c55d369', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: '35531b57b6dd4535df39f252c0d89aaccb83077c', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: 'b3c0cf99402b280d615eedcfdd1ef0277772126a', class: "input-example" }, h("h3", { key: '294edc98458189a11728c365deaff0630f607ab9' }, "Checkbox"), h("check-box", { key: 'cbe8c1c145e6a81051b864e4714462a67aed9298', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: '19ffa361b1b479d271fb2f8a90e2b6d341c44ec7', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: '950be8a45351637658fb1e5c13f2a8b1ad2c3c06', class: "input-example" }, h("h3", { key: '5b3e513f3890dd35d62fa03eda5c0dd4f3e2f0ab' }, "Toggle"), h("stencil-toggle", { key: '16d125f201dc933e6a80345ca61850268e1b0bae', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: '0a840d6e95d0fd3cacbbadc0f1b0f03082dd0b4c', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '4786b440e6c3cd22327ad8894bd2cbc1e2a28d43', class: "input-example" }, h("h3", { key: '43466d4f854f8fd5b8ebc8448aa20c8dc8fcb5b6' }, "Date Selector"), h("udp-date-selector", { key: '84be9acf1c48dff9cbeb19588fe8cf3338b16308', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: 'ab8531b319529f652fbfeba9d038c157739ab78f', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: '26a293d9425f560f29973aee493757b3f836cae6', class: "input-example" }, h("h3", { key: 'cee79570db45935defc57c0b59abaccb72d292cd' }, "DateTime Selector"), h("udp-datetime-selector", { key: '7f9efe03d0c622e336742675efb6a029e5a816fb', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '24a736902871a9b3687b9194c0e934bf231c314e', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: '0bef5920951558ee4a1a041930ecb72eea4cb220', class: "input-example" }, h("h3", { key: '8e0e2790bb4e50e5702f0500bf125081aa79d9ba' }, "Time Selector"), h("udp-time-selector", { key: '6b053bdeb1f685f864345e5af0fa8c841dc9db06', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: 'af9036e1b6c332d1963dfee819d024dc2e11c09c', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: '3566f7fac6a857d3117dbf0f799b73f1a67fddda', class: "input-example" }, h("h3", { key: '0f729058ce3067b744a4e557522d45ad850a09e9' }, "UDP Selector"), h("udp-selector", { key: 'bbde5d04caa4a7fdbb0aeccf97f3f2439b0a376a', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: 'b8b1cd7d4f6959c4b7574e996d597a629f09e0d9', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: '1dcc15135ed2997d99e867163b8e4bb3482e729f', class: "input-example" }, h("h3", { key: '8c35665c76e439b213391def276e3edb5fe8a4ca' }, "File Upload"), h("file-upload", { key: '13023732062341ac3f849eb9dd80a7ab3c988709', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: 'a8863fd87d271b8e437169ff858b8727ef20b177', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '4df5360723d0adfb5e88e47cf8ad67ebbb3f0cf5', class: "example-section" }, h("h2", { key: 'e2b35a91d8af9470830cd59a9c4860fff9b45ced' }, "Uncontrolled Components"), h("p", { key: 'ee4972c9404597fe6a1d9166693ed58d6177302a' }, "Components manage their own state with initial values."), h("div", { key: '2831fa2114801cb847a5a7be320113c0b0b57e04', class: "input-grid" }, h("div", { key: 'fbeb85dc62183315fb224ac174129a28f0b82918', class: "input-example" }, h("h3", { key: 'aad3807977d2fa303612c4e4c8fa4b3f10e895c9' }, "Text Field"), h("text-field", { key: 'a4758b4b116c8c68481688ea373e2550fe55f72b', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: '4a9abaeefc01f435954b8484b99c2cccf2a98b92', class: "input-example" }, h("h3", { key: '9316641218224158a182aa0432f32171f0bf8147' }, "Numeric Field"), h("numeric-field", { key: '54c980e988f9864066ff5ab74d0919e9d9a821a1', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: 'c9bd3bdb4c4fe5bb8706d8550b1753d714ea05c9', class: "input-example" }, h("h3", { key: '7cc6d984f27655cabd977065a295b7b03a209760' }, "Text Area"), h("text-area", { key: 'ab416779159eef26c884b8c7c8108b1a85a27278', label: "Uncontrolled Text Area", placeholder: "Enter description...", initialValue: "Initial description text", minRows: 3, onChange: (e) => console.log('Text area changed:', e.detail) })), h("div", { key: '9bd567cecdd5c50a588640bb9192256298af0d85', class: "input-example" }, h("h3", { key: '7dc7065799e49d44cd20409cad45a23cebe35b05' }, "Checkbox"), h("check-box", { key: 'ce576e8595ef205619a26b1b1cf338af6c6dfb1c', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: '7bd2f4c5c57691c8e02bbd8b1031e1b8bd863b19', class: "input-example" }, h("h3", { key: '27134fa9a4cdc8bf433802b92be292c0236f1f57' }, "Toggle"), h("stencil-toggle", { key: '4bb158343211ec80ba11c054b4d9bea27f4bb871', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: 'e54426c4dd6f29ea88a67f48543e074f221d722e', class: "input-example" }, h("h3", { key: 'ef430abc90d5937765f564640a3ba8b990a6d899' }, "Date Selector"), h("udp-date-selector", { key: '78e2ad0e5f46ee01aff4c0b48e1004e9119d8244', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '05f5e5f00dda67616dc74e65dc32f5919d1b1f07', class: "input-example" }, h("h3", { key: '41eaf71ed50ee3188392a677ca5a3130516bcfa0' }, "Time Selector"), h("udp-time-selector", { key: 'da6aa8cac663d1307a3bff2c18532f2dcc68293f', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: '1d7dd74a78f454cf360e83d39463f67e14759a02', class: "input-example" }, h("h3", { key: 'faa5e888eb8d1e08ed69e85ca529228119b54412' }, "DateTime Selector"), h("udp-datetime-selector", { key: '880b518fd32e80fcf305dbad31b37835755a76b0', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: 'b2e4f0549e0b87c0052cf277914cbdc876c66800', class: "input-example" }, h("h3", { key: 'e5d0b009429f4c75dca407d0501179e09aec6ca4' }, "UDP Selector"), h("udp-selector", { key: '2f015c435e8fadbd867a0f640feb9e92625cc91c', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: '81215b51a88570bedfe8c87b1f0f2b0ac34a270f', class: "example-section" }, h("h2", { key: '72ded636a7a45e1b32592a6a3bf863e170c2cf17' }, "Form-wrapped Components"), h("p", { key: 'b8364004cf77adf4a3988a080cbb11108a746688' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: '362040b4f61388149bb9485950b23ee2325b857f', handleSubmit: this.handleFormSubmit, handleFormChange: this.handleFormChange, validate: this.validateForm, initialValues: {
+        return (h("div", { key: 'ead041ba85b98211f012e6b4369dccc99d053b10', class: "inputs-example" }, h("h1", { key: '65af5f39246bd6d2da1c64be87e015fda5fb6a7a' }, "Input Components Examples"), h("section", { key: 'ef08e78385539484fc0eac954d47211e14777526', class: "example-section" }, h("h2", { key: 'c360f6153537f9c4992f3a68a437e45a99c98c4c' }, "Controlled Components"), h("p", { key: '825d2a4af1868509344095dd3981c5a29fd246b9' }, "Parent component manages state and passes values to child components."), h("div", { key: '1d1a73fb3c9cf058fb28d7b087c83aae1514e49d', class: "input-grid" }, h("div", { key: '495161751e4de4d6997083e6ee76bff05f32f978', class: "input-example" }, h("h3", { key: '59b79a58b0a1e3c2f47dc9fa34a409c70dbfd0c8' }, "Text Field"), h("text-field", { key: '63436822d767c5cc0c418b45dc2ec3ebba41e757', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: '5d19c568c62e12b974d264d0cda12f2dd1ebb7dd', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '0f8790600f3aeb4a246dbf35ff1c314eceb05109', class: "input-example" }, h("h3", { key: '03efdac63f20384b41908bd69c79fa8767d980f6' }, "Numeric Field"), h("numeric-field", { key: 'c93cde404875a19b6aa7b013332623e1c238807d', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: '4dd5d5e35b756874e2866fb76f666f7851780a02', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: '5d074c8b83e033e99854cb7ee62b3dd7a7380428', class: "input-example" }, h("h3", { key: '62c8d34121c772c21b5b0d2e02b27f66a6b3be9a' }, "Text Area"), h("text-area", { key: '197b2645661c3c2e19ed82e370307a4c10323a63', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: 'af4fcbbb265092ddca731d11c1ff0da1cdf9a91a', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: '7bb01a5788a3d5d6821ce4b69de00a32843b3413', class: "input-example" }, h("h3", { key: '9b755776d53ece10f6696d8dae5351f337744e3f' }, "Checkbox"), h("check-box", { key: '857622539c358cd9fec892a892cb2a4432b43063', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: '4321417816a9abd453dfda86f8a69a9b4954d76f', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: 'd738bf42aa159aeaf2dc524dfba5ebb68769f272', class: "input-example" }, h("h3", { key: '6c9d2e27873505dd564866bb347bdd5687845098' }, "Toggle"), h("stencil-toggle", { key: '75c5febd9ee0ede9ab1072842ce7139b69b9d34c', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: 'fdaa02e136ab9f2e573ecff19f59e23313d9af47', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '177c0f02a15c42f9678b52f85520f980048ede98', class: "input-example" }, h("h3", { key: 'ee407549f9d74dc62c9fe17ff27ccab0c4fd1a67' }, "Date Selector"), h("udp-date-selector", { key: '61d03580d107a6af1e3f57b169fb084e45ff952f', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: 'df22efbc5c80ad21a26ba6edefc94afa44b48c85', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: '04871c7e468e21664459dbe05e5f31bce27a50e3', class: "input-example" }, h("h3", { key: 'b40bf90f9b5ff4f388308394a65ec3261dd96a54' }, "DateTime Selector"), h("udp-datetime-selector", { key: '8fbbeec979c623dd19f4d05e75014353175b6f78', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '05f4acb63cb896bd1114ae57fb993b10d15f466d', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: '15db56d8368350d30a0227677de3fa340d27033d', class: "input-example" }, h("h3", { key: 'a028c9048a4e3753130612c377772c399851a283' }, "Time Selector"), h("udp-time-selector", { key: '83c4404cb6366ac56a58d2518d92fadfdb309129', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: '2d6828e931a7a060a0c15adb1fe36663c5e81bb1', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: '8552d777482b8da3aeaada17e99313821d440a75', class: "input-example" }, h("h3", { key: 'ff54a50e321ac32a53df3d7847694d5353704de5' }, "UDP Selector"), h("udp-selector", { key: '21e773065907d81cbd70d63bc0e2f01982c51c50', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: '100924186cdbe53a99cab2243e21ed9501e75a64', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: '55e78a38f3dcc50c82b3ddc881c066e4651340dc', class: "input-example" }, h("h3", { key: '79c08058ee3361bb82b20ce740eeb4dbebda89db' }, "File Upload"), h("file-upload", { key: 'd8eded5ac0596f01d6b1aea185f7b95ca6da8ba4', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: '0d41949e7a69533971f5443bd2d775124305273b', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '146f1684b0757ace25609812cdc8730dabcf15b4', class: "example-section" }, h("h2", { key: 'bf9e5f0a41257174a51b68bed545053aa1a431fc' }, "Uncontrolled Components"), h("p", { key: '062318030eee902383a84ac760ddf42bc248466c' }, "Components manage their own state with initial values."), h("div", { key: 'a1fdbe78c6c361e0e686ce313133c579230befef', class: "input-grid" }, h("div", { key: '8719ee0ac014dcc8c1c1a9c18ad8f6bcca539a00', class: "input-example" }, h("h3", { key: '1742c1d2570f34aa6067ae1c237c30104e847d83' }, "Text Field"), h("text-field", { key: '130f49bdd53c13e1e7a17d451c9d2e5c658a27ef', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: 'fcf1194e3256b29499d26518e0a50f38c906209e', class: "input-example" }, h("h3", { key: '44a7979e43ff56c504846656699e8040b1034c43' }, "Numeric Field"), h("numeric-field", { key: 'f0e350629909aa6dc68fb604ab30b6a685b21d29', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: '78803cb57e2be17d7362c737825b1711557e766f', class: "input-example" }, h("h3", { key: '704e0971cc3c36e5e331adad5cc46b7783a97566' }, "Text Area"), h("text-area", { key: '4fb0a56753ee44bbf2dbf8c2544cab06c3e2f059', label: "Uncontrolled Text Area", placeholder: "Enter description...", initialValue: "Initial description text", minRows: 3, onChange: (e) => console.log('Text area changed:', e.detail) })), h("div", { key: '039b32e4e293730978effdc73dea7e30d3ac25ae', class: "input-example" }, h("h3", { key: '07c6ed789a22cabac6f01a6bf6b800ba84a565b9' }, "Checkbox"), h("check-box", { key: '9478c892010ca55a8a7ba6d43774ec00539baaef', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: '758db977d0340bcad0762b013a217bb3c67b3453', class: "input-example" }, h("h3", { key: 'ae94941ca3fbc0c65c6d319a84414e9f9a91ab07' }, "Toggle"), h("stencil-toggle", { key: '9f1f843c2be02f427539edeade6a17cdd441eff2', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: '2d28be1cbbe0f795bd613f99e563b25c0d79a90d', class: "input-example" }, h("h3", { key: 'e49e236aee6091cf6f5433e92fa8bb5306d04839' }, "Date Selector"), h("udp-date-selector", { key: 'ac2ca5d7327de0d3833cddd5690382c50f7ca1c3', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: 'aba4ecaa0068112e162c2bc04850d600e5c7767a', class: "input-example" }, h("h3", { key: 'bf163192d2b4027ad2589f671ec957a01d0dbe62' }, "Time Selector"), h("udp-time-selector", { key: 'ecd51155d0e76cb5eb2ede897dd5826eb4d289f5', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: '6eee8f9d02ef5d481aa9bd430abe1ea59ed6c061', class: "input-example" }, h("h3", { key: 'e15f4fc5522996e4adf89ca3409d509227532473' }, "DateTime Selector"), h("udp-datetime-selector", { key: '8af40a16fe3a6760f47972551fa1a48ff08e445f', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '87a954650d4ebf6c477b9385723e3fe64c7f3745', class: "input-example" }, h("h3", { key: 'ff80ee04afabdb29f27b7996b59ffeea98975834' }, "UDP Selector"), h("udp-selector", { key: '6bbf24fb2e3a1079c5cb7824705669bae4db524d', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: 'b720c35fd8521629276001346204e8a6b6ed213c', class: "example-section" }, h("h2", { key: '95c96c7494af07c3e89ffae8cd85b63b518dd5d1' }, "Form-wrapped Components"), h("p", { key: 'ae001f27cd4679aa5756520d5312d283008f47d7' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: '0d80d1f25976fae0affdd28648a8f2bc54e3c399', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
                 formTextField: 'Initial form text',
                 formNumericField: '25',
                 formTextArea: 'Initial form description',
@@ -114,7 +114,7 @@ const InputsExample$1 = /*@__PURE__*/ proxyCustomElement(class InputsExample ext
                 formDate: '2024-02-01',
                 formTime: '09:00',
                 formSelector: 'option1'
-            } }, h("div", { key: 'da246cd0f737d4cc24a9e1aab2d642f46f0dd5b9', class: "form-grid" }, h("stencil-field", { key: 'fca403e3e4b22b9697a28fa0a72c539b19209c5e', name: "formTextField" }, h("text-field", { key: '6fcc84433366bbe7f2ad107e3f62f5086a5bca68', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '02e8e022962ac70fc3922134195d2789a1ff1150', name: "formNumericField" }, h("numeric-field", { key: 'c11c278c51a87671babf4aa9d56b6186c675a23b', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '5dab6572842cc9eac5da936d8885772ef79cd316', name: "formTextArea" }, h("text-area", { key: '11bfbfd5088ce2394f3afff18e32d2116a32aef5', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: 'ecea25b318eed0547c13e59a027b654c4be9fcd0', name: "formCheckbox" }, h("check-box", { key: '78f127f9f7bcca6a0f6e481afb818b3db6d949fe', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '77cbe4ff4e53e767d3eb8d6373019b9b4a50735d', name: "formToggle" }, h("stencil-toggle", { key: '1fbd8fcc5decfed9f42b7cc779c52c1094e16865', label: "Enable Notifications" })), h("stencil-field", { key: 'a63a863e35dfa120d868c686dd05d904789191b9', name: "formDate" }, h("udp-date-selector", { key: 'd28a405f02c4782c4cab90ddfd05f37a98027f3d', label: "Form Date", required: true })), h("stencil-field", { key: '0f845e170698ed8278c30c049cb1959ca9014670', name: "formTime" }, h("udp-time-selector", { key: '29fcc81c4e71aa1e92ce9912fe65da1b3ef80076', label: "Form Time" })), h("stencil-field", { key: '635a13e8e4df968a2e2570752beee6cddd26237d', name: "formSelector" }, h("udp-selector", { key: '1b073b08193591c209fbc952d5d2611c640d335c', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '8edf845e1abc0a0e1e3a6301f4c791c0cb9a4d32', name: "formFiles" }, h("file-upload", { key: '232a216103e25969d6e2cccd7accffc1453e7cc8', label: "Form File Upload", allowMultiple: true }))), h("div", { key: 'd0f7e7ffcba8cac4a659dc309f5b6a34781cc72b', class: "form-actions" }, h("button", { key: '9afaea75673848a0c5f7edd31a12fc4b7073cb57', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: 'e85b39d39068141392939d10baa9d99b39e3679e', class: "form-values" }, h("h3", { key: 'eafdd2ef93a23b27d2cff21ba16eb6c196ffae7b' }, "Current Form Values:"), h("pre", { key: '2db8a367e6a482522522bc88b2c13d9c9bb5e2d7' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '7b4214782208e8f6a3b51ec98cf921fc2ace3ef1', class: "example-section" }, h("h2", { key: '499581121cdd03f92d778365a878fcb54a5d8e47' }, "Additional Examples"), h("p", { key: '31154dcc4ff09bdf22e48990b5b8a4ae99b6efe6' }, "More complex configurations and specialized use cases."), h("div", { key: '74cd3c0d4165e6abd032dbc93bfd45170634beae', class: "input-grid" }, h("div", { key: '50de9539f73cb00ceadeba9042055319b486abcf', class: "input-example" }, h("h3", { key: '3dc9837aeeed3d87ab64ecec3c4402a7c6bd0f22' }, "Multi-Select UDP Selector"), h("udp-selector", { key: '972ce6287b9c1adb73f2dbc2e48c5d5252044530', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: '1f3747ee36e54941587f842fc8b78524b738196b', class: "input-example" }, h("h3", { key: '3ad60a99c76032da10f00c2b65cea29c003a8044' }, "Large UDP Selector"), h("udp-selector", { key: 'a552b021960e894caaf347164a777d87cd10c39a', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: '41181b3cdff1a6576042a41b94c164aea0c8af24', class: "input-example" }, h("h3", { key: '7126db87670d76fd6c7d4b9f2a4c34cf474c5eb5' }, "File Upload with Type Restrictions"), h("file-upload", { key: '86fc2356ae21a9a74e12b9819c2d3a0413d39503', label: "Image Upload Only", allowedFileTypes: ['jpg', 'jpeg', 'png', 'gif'], allowMultiple: false, browseFileMessage: "Select an Image", onChange: (e) => console.log('Image upload changed:', e.detail) })), h("div", { key: 'bdf0de911e1e15902e722f1dad923ecd0aafef7e', class: "input-example" }, h("h3", { key: '359bcf5229b0620c5949970c323f32f63ff1c55b' }, "Disabled Components"), h("div", { key: 'bfc2fb3b2b9167228311066b837c146e4d786cb2', class: "disabled-examples" }, h("text-field", { key: '032af6447b2942306ca4aa232f583e5e3faf4488', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: '725fed37e0a7d52e9b734591dbf5ede47011bc31', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: '8ff9c64f074c7105b8b9eb682b46c55af42b787f', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
+            } }, h("div", { key: 'd3f2b6e80373351888fff6354da2e47d0f793e16', class: "form-grid" }, h("stencil-field", { key: 'fca42fef7ac85ffc7c78b7d48267a1130d247e18', name: "formTextField" }, h("text-field", { key: '2eca17fb876f941bdfc1ba18ed4c24460375b39e', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: 'e27116858ab2388ccec348eecadf74b7230412e7', name: "formNumericField" }, h("numeric-field", { key: 'a190ffe8b8abb45f3c2ddad582317cd6f0746705', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '0f31ffd8c1112e74e4e923a5cadf5a3de96f22f8', name: "formTextArea" }, h("text-area", { key: '7b726b56ac74271d81be67da24264872e6c6510c', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: 'bfeaf19abe940b745147fc95d7d8a9997b05a1ca', name: "formCheckbox" }, h("check-box", { key: 'f14e48a72b51c3ce0eadea0cb9f9d98e6fe6ddf6', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: 'd71e60dbe3f6073ec6b630100c277db489d1efd3', name: "formToggle" }, h("stencil-toggle", { key: 'a04122b5e66627aa561fd4696b04a39ccb74c950', label: "Enable Notifications" })), h("stencil-field", { key: '20078be77f220315ccab082acc22f370f849fe44', name: "formDate" }, h("udp-date-selector", { key: '65098750d73fb1800330acaa665bf23a7d9f1deb', label: "Form Date", required: true })), h("stencil-field", { key: '7ea824bd2f2f7bb0ce6134e6f9ac86520495267e', name: "formTime" }, h("udp-time-selector", { key: '3b2efc78755ef1e97f6e2b5f282ddac21561f8b5', label: "Form Time" })), h("stencil-field", { key: 'a018fdca8d1b4525a18913b9a61ec15b861567df', name: "formSelector" }, h("udp-selector", { key: '14c0fdf9f115b95425d2ad22ef6d43ce666f34e3', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: 'f7d7f213d4a124642984b6f5ad275e3cd2230acf', name: "formFiles" }, h("file-upload", { key: '3ffd920ee0ccbbbf29cee8ca764e700ca6061af0', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '640cab040e228cfbde45bdcad09bfdafcd97762f', class: "form-actions" }, h("button", { key: 'e829bfacee6a40ae5a85dcf27620381594285b9e', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: 'e06850277d32c6b429806037834094890e6fe834', class: "form-values" }, h("h3", { key: 'e242d0b268e51236233767cf086b007860a79c38' }, "Current Form Values:"), h("pre", { key: '628c32d498445e766c39a947048f977b0b87860b' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '5e7d344174f0cc95a63377492a51f00369c86653', class: "example-section" }, h("h2", { key: '7a4fbd7a391fbafe8b3bcbfbc5bf6d6cc39639b0' }, "Additional Examples"), h("p", { key: '811a4497b1d7601aa3713ac7afd52a4f52e8aa47' }, "More complex configurations and specialized use cases."), h("div", { key: '0f6ff92228f10d1312a6dc380ae167e5644b07e6', class: "input-grid" }, h("div", { key: '45377b191a88f04e0bfa33a5791fb5ed6063f34b', class: "input-example" }, h("h3", { key: 'be2f5bfd53beacd2223889e32c360aaaa90c42bc' }, "Multi-Select UDP Selector"), h("udp-selector", { key: 'cd521f59323fa517f9125000974fe07419eefe3a', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: '779ee8bb2988bb90bbdfe7c21af013da91da0a36', class: "input-example" }, h("h3", { key: '0b1067836811f19b95a2475486bebe9c03c1f205' }, "Large UDP Selector"), h("udp-selector", { key: '8450a289444ac6358aa941f67e322c5d3aaa1046', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: 'd259be6b747f95563f3844498955de4590f5605e', class: "input-example" }, h("h3", { key: '6363536f0028333f1d9eca2b0ff8f394dad865c4' }, "File Upload with Type Restrictions"), h("file-upload", { key: '353e274d122b8f0791ef8549c2a20a69416060ef', label: "Image Upload Only", allowedFileTypes: ['jpg', 'jpeg', 'png', 'gif'], allowMultiple: false, browseFileMessage: "Select an Image", onChange: (e) => console.log('Image upload changed:', e.detail) })), h("div", { key: '5d8723c44a1307e82b00c5bacc54590538bc203a', class: "input-example" }, h("h3", { key: '2226792e8402ec9aa95c1b0287caa976433e1f96' }, "Disabled Components"), h("div", { key: 'ac25c524f1a396cafea48dd4c918ddf5c4f46dd5', class: "disabled-examples" }, h("text-field", { key: 'c3dc2d09d0137837655775adc4fa40632685b4a3', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: '075f60f94e599da6cac7e4a0aae16a11a858b860', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: 'a44401e2621578e294adfb1874d78a62bc483627', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
     }
     static get style() { return inputsExampleCss; }
 }, [1, "inputs-example", {

package/dist/components/inputs-example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"inputs-example.js","mappings":"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","names":["InputsExample","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/test-component/inputs-example/inputs-example.css?tag=inputs-example&encapsulation=shadow","src/components/test-component/inputs-example/inputs-example.tsx"],"sourcesContent":[":host {\n display: block;\n font-family: var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n line-height: 1.6;\n color: var(--text-color, #333);\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n}\n\n/* Main heading /\nh1 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 2rem;\n color: var(--primary-color, #007acc);\n text-align: center;\n border-bottom: 3px solid var(--primary-color, #007acc);\n padding-bottom: 1rem;\n}\n\n/ Section styling /\n.example-section {\n margin-bottom: 4rem;\n padding: 2rem;\n background: var(--section-background, #f8f9fa);\n border-radius: 12px;\n border: 1px solid var(--border-color, #e9ecef);\n}\n\n.example-section h2 {\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: var(--secondary-color, #495057);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.example-section h2::before {\n content: '';\n width: 4px;\n height: 1.5rem;\n background: var(--primary-color, #007acc);\n border-radius: 2px;\n}\n\n.example-section p {\n margin-bottom: 1.5rem;\n color: var(--text-muted, #6c757d);\n font-size: 1.1rem;\n}\n\n/ Grid layouts /\n.input-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.form-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n/ Individual input examples /\n.input-example {\n background: var(--input-example-background, #ffffff);\n padding: 1.5rem;\n border-radius: 8px;\n border: 1px solid var(--border-color, #e9ecef);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.input-example:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n\n.input-example h3 {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: var(--heading-color, #343a40);\n border-bottom: 2px solid var(--accent-color, #dee2e6);\n padding-bottom: 0.5rem;\n}\n\n/ Value display /\n.value-display {\n margin-top: 1rem;\n padding: 0.75rem;\n background: var(--value-display-background, #e7f3ff);\n border-radius: 6px;\n font-family: 'Courier New', monospace;\n font-size: 0.9rem;\n color: var(--value-display-color, #0066cc);\n border-left: 4px solid var(--primary-color, #007acc);\n}\n\n/ Form actions /\n.form-actions {\n display: flex;\n justify-content: center;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 2px solid var(--border-color, #e9ecef);\n}\n\n.submit-button {\n background: var(--primary-color, #007acc);\n color: white;\n border: none;\n padding: 1rem 2rem;\n font-size: 1.1rem;\n font-weight: 600;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.2s ease, transform 0.2s ease;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.submit-button:hover {\n background: var(--primary-color-hover, #0056b3);\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n\n.submit-button:active {\n transform: translateY(0);\n}\n\n/ Form values display /\n.form-values {\n margin-top: 2rem;\n padding: 1.5rem;\n background: var(--code-background, #f8f9fa);\n border-radius: 8px;\n border: 1px solid var(--border-color, #e9ecef);\n}\n\n.form-values h3 {\n margin-bottom: 1rem;\n color: var(--heading-color, #343a40);\n font-size: 1.2rem;\n}\n\n.form-values pre {\n background: var(--pre-background, #ffffff);\n padding: 1rem;\n border-radius: 6px;\n border: 1px solid var(--border-color, #e9ecef);\n font-size: 0.9rem;\n overflow-x: auto;\n color: var(--code-color, #495057);\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n/ Disabled examples /\n.disabled-examples {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n/ Responsive design /\n@media (max-width: 768px) {\n :host {\n padding: 1rem;\n }\n \n h1 {\n font-size: 2rem;\n }\n \n .input-grid,\n .form-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .input-example {\n padding: 1rem;\n }\n \n .example-section {\n padding: 1rem;\n }\n}\n\n/ Dark mode support /\n@media (prefers-color-scheme: dark) {\n :host {\n --text-color: #f8f9fa;\n --section-background: #2d3748;\n --input-example-background: #4a5568;\n --border-color: #4a5568;\n --heading-color: #e2e8f0;\n --text-muted: #a0aec0;\n --value-display-background: #2c5282;\n --value-display-color: #90cdf4;\n --code-background: #2d3748;\n --pre-background: #4a5568;\n --code-color: #e2e8f0;\n }\n}\n\n/ Animation for smooth transitions /\n {\n transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;\n}\n\n/* Focus styles for accessibility /\n.submit-button:focus {\n outline: 2px solid var(--primary-color, #007acc);\n outline-offset: 2px;\n}\n\n/ Print styles /\n@media print {\n :host {\n padding: 0;\n }\n \n .input-example {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ccc;\n }\n \n .submit-button {\n display: none;\n }\n}\n","import { Component, State, h } from '@stencil/core';\n\n/\n A comprehensive example component showcasing all input components in different patterns:\n * 1. Controlled components - where the parent manages the state\n * 2. Uncontrolled components - where the component manages its own state\n * 3. Form-wrapped components - using stencil-form and stencil-field for validation\n \n This component demonstrates proper usage patterns and integration approaches\n * for all available input components including UDP selector.\n /\n@Component({\n tag: 'inputs-example',\n styleUrl: 'inputs-example.css',\n shadow: true,\n})\nexport class InputsExample {\n\n\n // State for controlled components\n @State() controlledTextValue: string = '';\n @State() controlledNumericValue: string = '';\n @State() controlledTextAreaValue: string = '';\n @State() controlledCheckboxValue: boolean = false;\n @State() controlledToggleValue: boolean = false;\n @State() controlledDateValue: string = '';\n @State() controlledTimeValue: string = '';\n @State() controlledDateTimeValue: string = '';\n @State() controlledSelectorValue: string = '';\n @State() controlledFileValue: File[] = [];\n\n // State for form values\n @State() formValues: any = {};\n\n // Sample data for selector components\n private selectorOptions = [\n { value: 'option1', label: 'Option 1' },\n { value: 'option2', label: 'Option 2' },\n { value: 'option3', label: 'Option 3' },\n { value: 'option4', label: 'Option 4' },\n ];\n\n // Event handlers for controlled components\n // private handleControlledTextChange = (event: CustomEvent) => {\n // this.controlledTextValue = event.detail;\n // };\n private handleControlledNumericChange = (event: CustomEvent) => {\n this.controlledNumericValue = event.detail;\n };\n\n private handleControlledCheckboxChange = (event: CustomEvent) => {\n this.controlledCheckboxValue = event.detail === 'true';\n };\n private handleControlledToggleChange = (event: CustomEvent) => {\n this.controlledToggleValue = event.detail === 'true';\n };\n private handleControlledDateChange = (event: CustomEvent) => {\n console.log(event)\n this.controlledDateValue = event.detail;\n };\n private handleControlledTimeChange = (event: CustomEvent) => {\n this.controlledTimeValue = event.detail;\n };\n private handleControlledDateTimeChange = (event: CustomEvent) => {\n this.controlledDateTimeValue = event.detail;\n };\n private handleControlledSelectorChange = (event: CustomEvent) => {\n this.controlledSelectorValue = event.detail;\n };\n private handleControlledFileChange = (event: CustomEvent) => {\n this.controlledFileValue = event.detail.files \|\| [];\n };\n\n // Form event handlers\n private handleFormSubmit = (values: any) => {\n console.log('Form submitted with values:', values);\n alert('Form submitted! Check console for values.');\n };\n\n private handleFormChange = (values: any) => {\n this.formValues = { ...values };\n };\n\n private validateForm = (values: any) => {\n const errors: any = {};\n\n if (!values.formTextField) {\n errors.formTextField = 'This field is required';\n }\n\n if (!values.formNumericField \|\| parseFloat(values.formNumericField) < 0) {\n errors.formNumericField = 'Must be a positive number';\n }\n\n if (!values.formTextArea) {\n errors.formTextArea = 'Description is required';\n }\n\n if (!values.formCheckbox) {\n errors.formCheckbox = 'You must accept the terms';\n }\n\n if (!values.formDate) {\n errors.formDate = 'Please select a date';\n }\n\n if (!values.formSelector) {\n errors.formSelector = 'Please make a selection';\n }\n\n return errors;\n };\n\n render() {\n return (\n <div class=\"inputs-example\">\n <h1>Input Components Examples</h1>\n\n {/ Controlled Components Section /}\n <section class=\"example-section\">\n <h2>Controlled Components</h2>\n <p>Parent component manages state and passes values to child components.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Text Field</h3>\n <text-field\n label=\"Controlled Text Input\"\n placeholder=\"Enter text...\"\n value={this.controlledTextValue}\n />\n <p class=\"value-display\">Value: {this.controlledTextValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Numeric Field</h3>\n <numeric-field\n label=\"Controlled Numeric Input\"\n placeholder=\"Enter number...\"\n value={this.controlledNumericValue}\n min=\"0\"\n max=\"100\"\n step=\"1\"\n onChange={this.handleControlledNumericChange}\n />\n <p class=\"value-display\">Value: {this.controlledNumericValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Text Area</h3>\n <text-area\n label=\"Controlled Text Area\"\n placeholder=\"Enter description...\"\n value={this.controlledTextAreaValue}\n minRows={3}\n maxRows={6}\n />\n <p class=\"value-display\">Value: {this.controlledTextAreaValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Checkbox</h3>\n <check-box\n label=\"Controlled Checkbox\"\n checked={this.controlledCheckboxValue}\n onChange={this.handleControlledCheckboxChange}\n />\n <p class=\"value-display\">Checked: {this.controlledCheckboxValue.toString()}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Toggle</h3>\n <stencil-toggle\n label=\"Controlled Toggle\"\n checked={this.controlledToggleValue}\n onChange={this.handleControlledToggleChange}\n />\n <p class=\"value-display\">Toggled: {this.controlledToggleValue.toString()}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Date Selector</h3>\n <udp-date-selector\n label=\"Controlled Date\"\n value={this.controlledDateValue}\n onChange={this.handleControlledDateChange}\n />\n <p class=\"value-display\">Date: {this.controlledDateValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>DateTime Selector</h3>\n <udp-datetime-selector\n label=\"Controlled DateTime\"\n value={this.controlledDateTimeValue}\n onChange={this.handleControlledDateTimeChange}\n />\n <p class=\"value-display\">DateTime: {this.controlledDateTimeValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Time Selector</h3>\n <udp-time-selector\n label=\"Controlled Time\"\n value={this.controlledTimeValue}\n onChange={this.handleControlledTimeChange}\n />\n <p class=\"value-display\">Time: {this.controlledTimeValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>UDP Selector</h3>\n <udp-selector\n label=\"Controlled Selector\"\n options={this.selectorOptions}\n value={this.controlledSelectorValue}\n onChange={this.handleControlledSelectorChange}\n />\n <p class=\"value-display\">Selected: {this.controlledSelectorValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>File Upload</h3>\n <file-upload\n label=\"Controlled File Upload\"\n allowMultiple={true}\n onChange={this.handleControlledFileChange}\n />\n <p class=\"value-display\">Files: {this.controlledFileValue.length} selected</p>\n </div>\n </div>\n </section>\n\n {/ Uncontrolled Components Section /}\n <section class=\"example-section\">\n <h2>Uncontrolled Components</h2>\n <p>Components manage their own state with initial values.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Text Field</h3>\n <text-field\n label=\"Uncontrolled Text Input\"\n placeholder=\"Enter text...\"\n initialValue=\"Initial text value\"\n onChange={(e: CustomEvent) => console.log('Text changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Numeric Field</h3>\n <numeric-field\n label=\"Uncontrolled Numeric Input\"\n placeholder=\"Enter number...\"\n initialValue=\"42\"\n min=\"0\"\n max=\"100\"\n onChange={(e: CustomEvent) => console.log('Number changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Text Area</h3>\n <text-area\n label=\"Uncontrolled Text Area\"\n placeholder=\"Enter description...\"\n initialValue=\"Initial description text\"\n minRows={3}\n onChange={(e: CustomEvent) => console.log('Text area changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Checkbox</h3>\n <check-box\n label=\"Uncontrolled Checkbox\"\n initialValue=\"true\"\n onChange={(e: CustomEvent) => console.log('Checkbox changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Toggle</h3>\n <stencil-toggle\n label=\"Uncontrolled Toggle\"\n initialValue=\"false\"\n onChange={(e: CustomEvent) => console.log('Toggle changed:', e.detail)}\n />\n </div>\n\n\n <div class=\"input-example\">\n <h3>Date Selector</h3>\n <udp-date-selector\n label=\"Uncontrolled Date\"\n initialValue=\"2024-01-15\"\n onChange={(e: CustomEvent) => console.log('Date changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Time Selector</h3>\n <udp-time-selector\n label=\"Uncontrolled Time\"\n initialValue=\"14:30\"\n onChange={(e: CustomEvent) => console.log('Time changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>DateTime Selector</h3>\n <udp-datetime-selector\n label=\"Uncontrolled DateTime\"\n initialValue=\"2024-01-15T14:30\"\n onChange={(e: CustomEvent) => console.log('DateTime changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>UDP Selector</h3>\n <udp-selector\n label=\"Uncontrolled Selector\"\n options={this.selectorOptions}\n initialValue=\"option2\"\n onChange={(e: CustomEvent) => console.log('Selector changed:', e.detail)}\n />\n </div>\n </div>\n </section>\n\n {/ Form-wrapped Components Section /}\n <section class=\"example-section\">\n <h2>Form-wrapped Components</h2>\n <p>Components integrated with stencil-form and stencil-field for validation and state management.</p>\n\n <stencil-form\n handleSubmit={this.handleFormSubmit}\n handleFormChange={this.handleFormChange}\n validate={this.validateForm}\n initialValues={{\n formTextField: 'Initial form text',\n formNumericField: '25',\n formTextArea: 'Initial form description',\n formCheckbox: 'false',\n formToggle: 'true',\n formDate: '2024-02-01',\n formTime: '09:00',\n formSelector: 'option1'\n }}\n >\n <div class=\"form-grid\">\n <stencil-field name=\"formTextField\">\n <text-field\n label=\"Form Text Field\"\n placeholder=\"Enter text...\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formNumericField\">\n <numeric-field\n label=\"Form Numeric Field\"\n placeholder=\"Enter number...\"\n min=\"0\"\n max=\"100\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formTextArea\">\n <text-area\n label=\"Form Text Area\"\n placeholder=\"Enter description...\"\n required={true}\n minRows={3}\n />\n </stencil-field>\n\n <stencil-field name=\"formCheckbox\">\n <check-box\n label=\"Accept Terms and Conditions\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formToggle\">\n <stencil-toggle\n label=\"Enable Notifications\"\n />\n </stencil-field>\n\n <stencil-field name=\"formDate\">\n <udp-date-selector\n label=\"Form Date\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formTime\">\n <udp-time-selector\n label=\"Form Time\"\n />\n </stencil-field>\n\n <stencil-field name=\"formSelector\">\n <udp-selector\n label=\"Form Selector\"\n options={this.selectorOptions}\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formFiles\">\n <file-upload\n label=\"Form File Upload\"\n allowMultiple={true}\n />\n </stencil-field>\n </div>\n\n <div class=\"form-actions\">\n <button type=\"submit\" class=\"submit-button\">Submit Form</button>\n </div>\n </stencil-form>\n\n <div class=\"form-values\">\n <h3>Current Form Values:</h3>\n <pre>{JSON.stringify(this.formValues, null, 2)}</pre>\n </div>\n </section>\n\n {/ Additional Examples Section */}\n <section class=\"example-section\">\n <h2>Additional Examples</h2>\n <p>More complex configurations and specialized use cases.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Multi-Select UDP Selector</h3>\n <udp-selector\n label=\"Multi-Select Selector\"\n options={this.selectorOptions}\n multiSelect={true}\n initialValue=\"option1,option3\"\n onChange={(e: CustomEvent) => console.log('Multi-select changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Large UDP Selector</h3>\n <udp-selector\n label=\"Large Selector\"\n options={this.selectorOptions}\n large={true}\n initialValue=\"option2\"\n onChange={(e: CustomEvent) => console.log('Large selector changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>File Upload with Type Restrictions</h3>\n <file-upload\n label=\"Image Upload Only\"\n allowedFileTypes={['jpg', 'jpeg', 'png', 'gif']}\n allowMultiple={false}\n browseFileMessage=\"Select an Image\"\n onChange={(e: CustomEvent) => console.log('Image upload changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Disabled Components</h3>\n <div class=\"disabled-examples\">\n <text-field\n label=\"Disabled Text Field\"\n value=\"Cannot edit this\"\n disabled={true}\n />\n <check-box\n label=\"Disabled Checkbox\"\n checked={true}\n disabled={true}\n />\n <udp-selector\n label=\"Disabled Selector\"\n options={this.selectorOptions}\n value=\"option1\"\n disabled={true}\n />\n </div>\n </div>\n </div>\n </section>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"inputs-example.js","mappings":"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","names":["InputsExample","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/test-component/inputs-example/inputs-example.css?tag=inputs-example&encapsulation=shadow","src/components/test-component/inputs-example/inputs-example.tsx"],"sourcesContent":[":host {\n display: block;\n font-family: var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n line-height: 1.6;\n color: var(--text-color, #333);\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n}\n\n/* Main heading /\nh1 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 2rem;\n color: var(--primary-color, #007acc);\n text-align: center;\n border-bottom: 3px solid var(--primary-color, #007acc);\n padding-bottom: 1rem;\n}\n\n/ Section styling /\n.example-section {\n margin-bottom: 4rem;\n padding: 2rem;\n background: var(--section-background, #f8f9fa);\n border-radius: 12px;\n border: 1px solid var(--border-color, #e9ecef);\n}\n\n.example-section h2 {\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: var(--secondary-color, #495057);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.example-section h2::before {\n content: '';\n width: 4px;\n height: 1.5rem;\n background: var(--primary-color, #007acc);\n border-radius: 2px;\n}\n\n.example-section p {\n margin-bottom: 1.5rem;\n color: var(--text-muted, #6c757d);\n font-size: 1.1rem;\n}\n\n/ Grid layouts /\n.input-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.form-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n/ Individual input examples /\n.input-example {\n background: var(--input-example-background, #ffffff);\n padding: 1.5rem;\n border-radius: 8px;\n border: 1px solid var(--border-color, #e9ecef);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.input-example:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n\n.input-example h3 {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: var(--heading-color, #343a40);\n border-bottom: 2px solid var(--accent-color, #dee2e6);\n padding-bottom: 0.5rem;\n}\n\n/ Value display /\n.value-display {\n margin-top: 1rem;\n padding: 0.75rem;\n background: var(--value-display-background, #e7f3ff);\n border-radius: 6px;\n font-family: 'Courier New', monospace;\n font-size: 0.9rem;\n color: var(--value-display-color, #0066cc);\n border-left: 4px solid var(--primary-color, #007acc);\n}\n\n/ Form actions /\n.form-actions {\n display: flex;\n justify-content: center;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 2px solid var(--border-color, #e9ecef);\n}\n\n.submit-button {\n background: var(--primary-color, #007acc);\n color: white;\n border: none;\n padding: 1rem 2rem;\n font-size: 1.1rem;\n font-weight: 600;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.2s ease, transform 0.2s ease;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.submit-button:hover {\n background: var(--primary-color-hover, #0056b3);\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n\n.submit-button:active {\n transform: translateY(0);\n}\n\n/ Form values display /\n.form-values {\n margin-top: 2rem;\n padding: 1.5rem;\n background: var(--code-background, #f8f9fa);\n border-radius: 8px;\n border: 1px solid var(--border-color, #e9ecef);\n}\n\n.form-values h3 {\n margin-bottom: 1rem;\n color: var(--heading-color, #343a40);\n font-size: 1.2rem;\n}\n\n.form-values pre {\n background: var(--pre-background, #ffffff);\n padding: 1rem;\n border-radius: 6px;\n border: 1px solid var(--border-color, #e9ecef);\n font-size: 0.9rem;\n overflow-x: auto;\n color: var(--code-color, #495057);\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n/ Disabled examples /\n.disabled-examples {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n/ Responsive design /\n@media (max-width: 768px) {\n :host {\n padding: 1rem;\n }\n \n h1 {\n font-size: 2rem;\n }\n \n .input-grid,\n .form-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .input-example {\n padding: 1rem;\n }\n \n .example-section {\n padding: 1rem;\n }\n}\n\n/ Dark mode support /\n@media (prefers-color-scheme: dark) {\n :host {\n --text-color: #f8f9fa;\n --section-background: #2d3748;\n --input-example-background: #4a5568;\n --border-color: #4a5568;\n --heading-color: #e2e8f0;\n --text-muted: #a0aec0;\n --value-display-background: #2c5282;\n --value-display-color: #90cdf4;\n --code-background: #2d3748;\n --pre-background: #4a5568;\n --code-color: #e2e8f0;\n }\n}\n\n/ Animation for smooth transitions /\n {\n transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;\n}\n\n/* Focus styles for accessibility /\n.submit-button:focus {\n outline: 2px solid var(--primary-color, #007acc);\n outline-offset: 2px;\n}\n\n/ Print styles /\n@media print {\n :host {\n padding: 0;\n }\n \n .input-example {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ccc;\n }\n \n .submit-button {\n display: none;\n }\n}\n","import { Component, State, h } from '@stencil/core';\n\n/\n A comprehensive example component showcasing all input components in different patterns:\n * 1. Controlled components - where the parent manages the state\n * 2. Uncontrolled components - where the component manages its own state\n * 3. Form-wrapped components - using stencil-form and stencil-field for validation\n \n This component demonstrates proper usage patterns and integration approaches\n * for all available input components including UDP selector.\n /\n@Component({\n tag: 'inputs-example',\n styleUrl: 'inputs-example.css',\n shadow: true,\n})\nexport class InputsExample {\n\n\n // State for controlled components\n @State() controlledTextValue: string = '';\n @State() controlledNumericValue: string = '';\n @State() controlledTextAreaValue: string = '';\n @State() controlledCheckboxValue: boolean = false;\n @State() controlledToggleValue: boolean = false;\n @State() controlledDateValue: string = '';\n @State() controlledTimeValue: string = '';\n @State() controlledDateTimeValue: string = '';\n @State() controlledSelectorValue: string = '';\n @State() controlledFileValue: File[] = [];\n\n // State for form values\n @State() formValues: any = {};\n\n // Sample data for selector components\n private selectorOptions = [\n { value: 'option1', label: 'Option 1' },\n { value: 'option2', label: 'Option 2' },\n { value: 'option3', label: 'Option 3' },\n { value: 'option4', label: 'Option 4' },\n ];\n\n // Event handlers for controlled components\n // private handleControlledTextChange = (event: CustomEvent) => {\n // this.controlledTextValue = event.detail;\n // };\n private handleControlledNumericChange = (event: CustomEvent) => {\n this.controlledNumericValue = event.detail;\n };\n\n private handleControlledCheckboxChange = (event: CustomEvent) => {\n this.controlledCheckboxValue = event.detail === 'true';\n };\n private handleControlledToggleChange = (event: CustomEvent) => {\n this.controlledToggleValue = event.detail === 'true';\n };\n private handleControlledDateChange = (event: CustomEvent) => {\n console.log(event)\n this.controlledDateValue = event.detail;\n };\n private handleControlledTimeChange = (event: CustomEvent) => {\n this.controlledTimeValue = event.detail;\n };\n private handleControlledDateTimeChange = (event: CustomEvent) => {\n this.controlledDateTimeValue = event.detail;\n };\n private handleControlledSelectorChange = (event: CustomEvent) => {\n this.controlledSelectorValue = event.detail;\n };\n private handleControlledFileChange = (event: CustomEvent) => {\n this.controlledFileValue = event.detail.files \|\| [];\n };\n\n // Form event handlers\n private handleFormSubmit = (values: any) => {\n console.log('Form submitted with values:', values);\n alert('Form submitted! Check console for values.');\n };\n\n private handleFormChange = (values: any) => {\n this.formValues = { ...values };\n };\n\n private validateForm = (values: any) => {\n const errors: any = {};\n\n if (!values.formTextField) {\n errors.formTextField = 'This field is required';\n }\n\n if (!values.formNumericField \|\| parseFloat(values.formNumericField) < 0) {\n errors.formNumericField = 'Must be a positive number';\n }\n\n if (!values.formTextArea) {\n errors.formTextArea = 'Description is required';\n }\n\n if (!values.formCheckbox) {\n errors.formCheckbox = 'You must accept the terms';\n }\n\n if (!values.formDate) {\n errors.formDate = 'Please select a date';\n }\n\n if (!values.formSelector) {\n errors.formSelector = 'Please make a selection';\n }\n\n return errors;\n };\n\n render() {\n return (\n <div class=\"inputs-example\">\n <h1>Input Components Examples</h1>\n\n {/ Controlled Components Section /}\n <section class=\"example-section\">\n <h2>Controlled Components</h2>\n <p>Parent component manages state and passes values to child components.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Text Field</h3>\n <text-field\n label=\"Controlled Text Input\"\n placeholder=\"Enter text...\"\n value={this.controlledTextValue}\n />\n <p class=\"value-display\">Value: {this.controlledTextValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Numeric Field</h3>\n <numeric-field\n label=\"Controlled Numeric Input\"\n placeholder=\"Enter number...\"\n value={this.controlledNumericValue}\n min=\"0\"\n max=\"100\"\n step=\"1\"\n onChange={this.handleControlledNumericChange}\n />\n <p class=\"value-display\">Value: {this.controlledNumericValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Text Area</h3>\n <text-area\n label=\"Controlled Text Area\"\n placeholder=\"Enter description...\"\n value={this.controlledTextAreaValue}\n minRows={3}\n maxRows={6}\n />\n <p class=\"value-display\">Value: {this.controlledTextAreaValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Checkbox</h3>\n <check-box\n label=\"Controlled Checkbox\"\n checked={this.controlledCheckboxValue}\n onChange={this.handleControlledCheckboxChange}\n />\n <p class=\"value-display\">Checked: {this.controlledCheckboxValue.toString()}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Toggle</h3>\n <stencil-toggle\n label=\"Controlled Toggle\"\n checked={this.controlledToggleValue}\n onChange={this.handleControlledToggleChange}\n />\n <p class=\"value-display\">Toggled: {this.controlledToggleValue.toString()}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Date Selector</h3>\n <udp-date-selector\n label=\"Controlled Date\"\n value={this.controlledDateValue}\n onChange={this.handleControlledDateChange}\n />\n <p class=\"value-display\">Date: {this.controlledDateValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>DateTime Selector</h3>\n <udp-datetime-selector\n label=\"Controlled DateTime\"\n value={this.controlledDateTimeValue}\n onChange={this.handleControlledDateTimeChange}\n />\n <p class=\"value-display\">DateTime: {this.controlledDateTimeValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Time Selector</h3>\n <udp-time-selector\n label=\"Controlled Time\"\n value={this.controlledTimeValue}\n onChange={this.handleControlledTimeChange}\n />\n <p class=\"value-display\">Time: {this.controlledTimeValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>UDP Selector</h3>\n <udp-selector\n label=\"Controlled Selector\"\n options={this.selectorOptions}\n value={this.controlledSelectorValue}\n onChange={this.handleControlledSelectorChange}\n />\n <p class=\"value-display\">Selected: {this.controlledSelectorValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>File Upload</h3>\n <file-upload\n label=\"Controlled File Upload\"\n allowMultiple={true}\n onChange={this.handleControlledFileChange}\n />\n <p class=\"value-display\">Files: {this.controlledFileValue.length} selected</p>\n </div>\n </div>\n </section>\n\n {/ Uncontrolled Components Section /}\n <section class=\"example-section\">\n <h2>Uncontrolled Components</h2>\n <p>Components manage their own state with initial values.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Text Field</h3>\n <text-field\n label=\"Uncontrolled Text Input\"\n placeholder=\"Enter text...\"\n initialValue=\"Initial text value\"\n onChange={(e: CustomEvent) => console.log('Text changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Numeric Field</h3>\n <numeric-field\n label=\"Uncontrolled Numeric Input\"\n placeholder=\"Enter number...\"\n initialValue=\"42\"\n min=\"0\"\n max=\"100\"\n onChange={(e: CustomEvent) => console.log('Number changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Text Area</h3>\n <text-area\n label=\"Uncontrolled Text Area\"\n placeholder=\"Enter description...\"\n initialValue=\"Initial description text\"\n minRows={3}\n onChange={(e: CustomEvent) => console.log('Text area changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Checkbox</h3>\n <check-box\n label=\"Uncontrolled Checkbox\"\n initialValue=\"true\"\n onChange={(e: CustomEvent) => console.log('Checkbox changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Toggle</h3>\n <stencil-toggle\n label=\"Uncontrolled Toggle\"\n initialValue=\"false\"\n onChange={(e: CustomEvent) => console.log('Toggle changed:', e.detail)}\n />\n </div>\n\n\n <div class=\"input-example\">\n <h3>Date Selector</h3>\n <udp-date-selector\n label=\"Uncontrolled Date\"\n initialValue=\"2024-01-15\"\n onChange={(e: CustomEvent) => console.log('Date changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Time Selector</h3>\n <udp-time-selector\n label=\"Uncontrolled Time\"\n initialValue=\"14:30\"\n onChange={(e: CustomEvent) => console.log('Time changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>DateTime Selector</h3>\n <udp-datetime-selector\n label=\"Uncontrolled DateTime\"\n initialValue=\"2024-01-15T14:30\"\n onChange={(e: CustomEvent) => console.log('DateTime changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>UDP Selector</h3>\n <udp-selector\n label=\"Uncontrolled Selector\"\n options={this.selectorOptions}\n initialValue=\"option2\"\n onChange={(e: CustomEvent) => console.log('Selector changed:', e.detail)}\n />\n </div>\n </div>\n </section>\n\n {/ Form-wrapped Components Section /}\n <section class=\"example-section\">\n <h2>Form-wrapped Components</h2>\n <p>Components integrated with stencil-form and stencil-field for validation and state management.</p>\n\n <stencil-form\n handleSubmit={this.handleFormSubmit}\n handleChange={this.handleFormChange}\n handleValidate={this.validateForm}\n initialValues={{\n formTextField: 'Initial form text',\n formNumericField: '25',\n formTextArea: 'Initial form description',\n formCheckbox: 'false',\n formToggle: 'true',\n formDate: '2024-02-01',\n formTime: '09:00',\n formSelector: 'option1'\n }}\n >\n <div class=\"form-grid\">\n <stencil-field name=\"formTextField\">\n <text-field\n label=\"Form Text Field\"\n placeholder=\"Enter text...\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formNumericField\">\n <numeric-field\n label=\"Form Numeric Field\"\n placeholder=\"Enter number...\"\n min=\"0\"\n max=\"100\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formTextArea\">\n <text-area\n label=\"Form Text Area\"\n placeholder=\"Enter description...\"\n required={true}\n minRows={3}\n />\n </stencil-field>\n\n <stencil-field name=\"formCheckbox\">\n <check-box\n label=\"Accept Terms and Conditions\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formToggle\">\n <stencil-toggle\n label=\"Enable Notifications\"\n />\n </stencil-field>\n\n <stencil-field name=\"formDate\">\n <udp-date-selector\n label=\"Form Date\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formTime\">\n <udp-time-selector\n label=\"Form Time\"\n />\n </stencil-field>\n\n <stencil-field name=\"formSelector\">\n <udp-selector\n label=\"Form Selector\"\n options={this.selectorOptions}\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formFiles\">\n <file-upload\n label=\"Form File Upload\"\n allowMultiple={true}\n />\n </stencil-field>\n </div>\n\n <div class=\"form-actions\">\n <button type=\"submit\" class=\"submit-button\">Submit Form</button>\n </div>\n </stencil-form>\n\n <div class=\"form-values\">\n <h3>Current Form Values:</h3>\n <pre>{JSON.stringify(this.formValues, null, 2)}</pre>\n </div>\n </section>\n\n {/ Additional Examples Section */}\n <section class=\"example-section\">\n <h2>Additional Examples</h2>\n <p>More complex configurations and specialized use cases.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Multi-Select UDP Selector</h3>\n <udp-selector\n label=\"Multi-Select Selector\"\n options={this.selectorOptions}\n multiSelect={true}\n initialValue=\"option1,option3\"\n onChange={(e: CustomEvent) => console.log('Multi-select changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Large UDP Selector</h3>\n <udp-selector\n label=\"Large Selector\"\n options={this.selectorOptions}\n large={true}\n initialValue=\"option2\"\n onChange={(e: CustomEvent) => console.log('Large selector changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>File Upload with Type Restrictions</h3>\n <file-upload\n label=\"Image Upload Only\"\n allowedFileTypes={['jpg', 'jpeg', 'png', 'gif']}\n allowMultiple={false}\n browseFileMessage=\"Select an Image\"\n onChange={(e: CustomEvent) => console.log('Image upload changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Disabled Components</h3>\n <div class=\"disabled-examples\">\n <text-field\n label=\"Disabled Text Field\"\n value=\"Cannot edit this\"\n disabled={true}\n />\n <check-box\n label=\"Disabled Checkbox\"\n checked={true}\n disabled={true}\n />\n <udp-selector\n label=\"Disabled Selector\"\n options={this.selectorOptions}\n value=\"option1\"\n disabled={true}\n />\n </div>\n </div>\n </div>\n </section>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/list-options-renderer.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { L as ListOptionsRenderer$1, d as defineCustomElement$1 } from './p-BdWgc1UD.js';
+import { L as ListOptionsRenderer$1, d as defineCustomElement$1 } from './p-Bi8lqIP-.js';
 const ListOptionsRenderer = ListOptionsRenderer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/map-component.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { M as MapComponent$1, d as defineCustomElement$1 } from './p-DRO3I7Mm.js';
+import { M as MapComponent$1, d as defineCustomElement$1 } from './p-Qxw1cxga.js';
 const MapComponent = MapComponent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/map-toolbar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { M as MapToolbar$1, d as defineCustomElement$1 } from './p-CSunqYw8.js';
+import { M as MapToolbar$1, d as defineCustomElement$1 } from './p-C-E6e6mL.js';
 const MapToolbar = MapToolbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/my-component.js CHANGED Viewed

@@ -2,53 +2,53 @@ import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import Asterisk16 from '@carbon/icons/es/asterisk/16';
 import { C as ConfigService } from './p-Cn7PuhQz.js';
 import { b as demoMSSearchData, d as defaultPayload } from './p-CHwzYRIB.js';
-import { d as defineCustomElement$O } from './p-bLKTEsIH.js';
-import { d as defineCustomElement$N } from './p-CLvAjrtw.js';
-import { d as defineCustomElement$M } from './p-CfZR5rek.js';
-import { d as defineCustomElement$L } from './p-XoXMxeuq.js';
-import { d as defineCustomElement$K } from './p-BEtm34A3.js';
-import { d as defineCustomElement$J } from './p-DehJN46u.js';
+import { d as defineCustomElement$O } from './p-CsMmUkoQ.js';
+import { d as defineCustomElement$N } from './p-Qxi-zxd0.js';
+import { d as defineCustomElement$M } from './p-0F2I6Qvn.js';
+import { d as defineCustomElement$L } from './p-Dwnxv7WO.js';
+import { d as defineCustomElement$K } from './p-ncemY4Wx.js';
+import { d as defineCustomElement$J } from './p-BLWvjl_b.js';
 import { d as defineCustomElement$I } from './p-DpLtIIwx.js';
-import { d as defineCustomElement$H } from './p-DqYsDDHy.js';
+import { d as defineCustomElement$H } from './p-jdqTpLxN.js';
 import { d as defineCustomElement$G } from './p-CPoC5Sp5.js';
 import { d as defineCustomElement$F } from './p-BuRv3dp5.js';
-import { d as defineCustomElement$E } from './p-ClToknIK.js';
+import { d as defineCustomElement$E } from './p-BbOHuqrJ.js';
 import { d as defineCustomElement$D } from './p-fWjFZjQw.js';
 import { d as defineCustomElement$C } from './p-qf6UCDV3.js';
-import { d as defineCustomElement$B } from './p-CJsnV8uM.js';
-import { d as defineCustomElement$A } from './p-B8k9GGZB.js';
-import { d as defineCustomElement$z } from './p-GQEOUb0c.js';
-import { d as defineCustomElement$y } from './p-DntePo7I.js';
+import { d as defineCustomElement$B } from './p-BfT3KUJC.js';
+import { d as defineCustomElement$A } from './p-8paOuPay.js';
+import { d as defineCustomElement$z } from './p-4hWvEEZf.js';
+import { d as defineCustomElement$y } from './p-B2mj8zmp.js';
 import { d as defineCustomElement$x } from './p-D8BxImYi.js';
 import { d as defineCustomElement$w } from './p-Cqop-pkv.js';
 import { d as defineCustomElement$v } from './p-B0DDn0I9.js';
-import { d as defineCustomElement$u } from './p-hRee3qYx.js';
+import { d as defineCustomElement$u } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$t } from './p-B0Z1nz8S.js';
-import { d as defineCustomElement$s } from './p-HrsHnWeG.js';
-import { d as defineCustomElement$r } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$s } from './p-6EzLtNtq.js';
+import { d as defineCustomElement$r } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$q } from './p-DaLqozen.js';
 import { d as defineCustomElement$p } from './p-ZeWoGdjP.js';
-import { d as defineCustomElement$o } from './p-Cf-3pInV.js';
+import { d as defineCustomElement$o } from './p-Ct7EvUCI.js';
 import { d as defineCustomElement$n } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$m } from './p-Dri6DPsA.js';
 import { d as defineCustomElement$l } from './p-CC2PFIrk.js';
 import { d as defineCustomElement$k } from './p-Ci_CQV-N.js';
-import { d as defineCustomElement$j } from './p-D-JeGky8.js';
+import { d as defineCustomElement$j } from './p-BB2sALAW.js';
 import { d as defineCustomElement$i } from './p-DeK9qLsG.js';
-import { d as defineCustomElement$h } from './p-D32jPxWa.js';
-import { d as defineCustomElement$g } from './p-BbC2Itep.js';
-import { d as defineCustomElement$f } from './p-IlXn87Ki.js';
-import { d as defineCustomElement$e } from './p-byKLubNE.js';
-import { d as defineCustomElement$d } from './p-DWJbhjYR.js';
+import { d as defineCustomElement$h } from './p-ycrk0Lr4.js';
+import { d as defineCustomElement$g } from './p-1CPON0Xx.js';
+import { d as defineCustomElement$f } from './p-1Cv4cku0.js';
+import { d as defineCustomElement$e } from './p-Coa3kO6W.js';
+import { d as defineCustomElement$d } from './p-C1K2NBql.js';
 import { d as defineCustomElement$c } from './p-9Q4d_8eH.js';
 import { d as defineCustomElement$b } from './p-o-bA5e79.js';
 import { d as defineCustomElement$a } from './p-CpGuVcRn.js';
 import { d as defineCustomElement$9 } from './p-kFwgcDES.js';
 import { d as defineCustomElement$8 } from './p-C7DS5naX.js';
-import { d as defineCustomElement$7 } from './p-BTIWOttf.js';
-import { d as defineCustomElement$6 } from './p-D0T6NTw2.js';
-import { d as defineCustomElement$5 } from './p-w2FTnlQG.js';
-import { d as defineCustomElement$4 } from './p-DqPGCQm2.js';
+import { d as defineCustomElement$7 } from './p-W_kxEzVl.js';
+import { d as defineCustomElement$6 } from './p-BANMRVyZ.js';
+import { d as defineCustomElement$5 } from './p-_HuUfybA.js';
+import { d as defineCustomElement$4 } from './p-s8qXxEgi.js';
 import { d as defineCustomElement$3 } from './p-DkppmXNM.js';
 import { d as defineCustomElement$2 } from './p-Ba5n_UGZ.js';

package/dist/components/numeric-field.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { N as NumericField$1, d as defineCustomElement$1 } from './p-BvSuY3tY.js';
+import { N as NumericField$1, d as defineCustomElement$1 } from './p-Dx5ehH3t.js';
 const NumericField = NumericField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-CfZR5rek.js → p-0F2I6Qvn.js} RENAMED Viewed

@@ -7,7 +7,7 @@ const AgTable = /*@__PURE__*/ proxyCustomElement(class AgTable extends H {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (h("div", { key: '34090f535edf4f45e28eeacd5ab8da4012319dfd', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (h("div", { key: '9c6d345d9b7763fcebfbb60893b868ba48ca6940', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return this; }
 }, [0, "ag-table", {
@@ -30,6 +30,6 @@ function defineCustomElement() {
 }
 export { AgTable as A, defineCustomElement as d };
-//# sourceMappingURL=p-CfZR5rek.js.map
+//# sourceMappingURL=p-0F2I6Qvn.js.map
-//# sourceMappingURL=p-CfZR5rek.js.map
+//# sourceMappingURL=p-0F2I6Qvn.js.map

package/dist/components/{p-CfZR5rek.js.map → p-0F2I6Qvn.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CfZR5rek~~.js","mappings":";;MAOa,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AAJpB,IAAA,WAAA,GAAA;;;AAQU,QAAA,IAAM,CAAA,MAAA,GAAW,qBAAqB;AAO/C;IALC,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,mBAAmB,EAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/grid/ag-table/ag-table.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { GridOptions } from 'ag-grid-enterprise';\n\n@Component({\n tag: 'ag-table',\n shadow: false // Changed from true to false\n})\nexport class AgTable {\n @Element() el: HTMLElement;\n @Prop() gridOptions: GridOptions;\n @Prop() licensekey: string; // Changed to lowercase to match JSX/TSX\n @Prop() height: string = 'calc(100vh - 200px)';\n\n render() {\n return (\n <div id=\"myGrid\" style={{ height: this.height, width: '100%' }} class=\"ag-theme-material\"></div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-0F2I6Qvn.js","mappings":";;MAOa,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AAJpB,IAAA,WAAA,GAAA;;;AAQU,QAAA,IAAM,CAAA,MAAA,GAAW,qBAAqB;AAO/C;IALC,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,mBAAmB,EAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/grid/ag-table/ag-table.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { GridOptions } from 'ag-grid-enterprise';\n\n@Component({\n tag: 'ag-table',\n shadow: false // Changed from true to false\n})\nexport class AgTable {\n @Element() el: HTMLElement;\n @Prop() gridOptions: GridOptions;\n @Prop() licensekey: string; // Changed to lowercase to match JSX/TSX\n @Prop() height: string = 'calc(100vh - 200px)';\n\n render() {\n return (\n <div id=\"myGrid\" style={{ height: this.height, width: '100%' }} class=\"ag-theme-material\"></div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BbC2Itep.js → p-1CPON0Xx.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import { d as defineCustomElement$4 } from './p-DpLtIIwx.js';
-import { d as defineCustomElement$3 } from './p-HrsHnWeG.js';
-import { d as defineCustomElement$2 } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$3 } from './p-6EzLtNtq.js';
+import { d as defineCustomElement$2 } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 const udpHotlistFormCss = ".submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}";
@@ -37,7 +37,7 @@ const UdpHotlistForm = /*@__PURE__*/ proxyCustomElement(class UdpHotlistForm ext
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (h("div", { key: '25d3ac15ce75e21c38ee581fd6760acd0452cb6b', class: "wrapper" }, h("form", { key: '23cb869dcf8111e10d5202ea00f066d64d6e955a', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'aeca29c646c86c96306f8baddc77fdf2d2421f25', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: 'f0d4a73109796d9b8cd71cba4057327ad37abd86', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '0dcf360e9189ca180a425d1f3b7530d54db53c17', class: "submit-button" }, h("custom-button", { key: '9f12210ec38cf756a601a418e7c4ca0653370fd8', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'aa24f4f10e50090d46fc0872acf9a350e12a76b2', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (h("div", { key: '37794c03999b3aa270826c0853d88c93aae35a1e', class: "wrapper" }, h("form", { key: '8d9b0159dff15a7d7acc1bddf1c630bb54b7b1e1', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'a817c11fc9c553c391b499301cfdfea4189a0ded', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '3dbd0b8dc6d92bca928d466d9ebed3ec7307e096', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: 'd48cc9bded5c9f23e5b365e10fd2236093253ba4', class: "submit-button" }, h("custom-button", { key: '245e5ca6ed9e63938e395f4c6e91a7cd819d6c18', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'a47f9a20272b5dcedf54b71ab155967967dbc92e', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return this; }
     static get style() { return udpHotlistFormCss; }
@@ -84,6 +84,6 @@ function defineCustomElement() {
 }
 export { UdpHotlistForm as U, defineCustomElement as d };
-//# sourceMappingURL=p-BbC2Itep.js.map
+//# sourceMappingURL=p-1CPON0Xx.js.map
-//# sourceMappingURL=p-BbC2Itep.js.map
+//# sourceMappingURL=p-1CPON0Xx.js.map

package/dist/components/{p-BbC2Itep.js.map → p-1CPON0Xx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BbC2Itep~~.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,6LAA6L;;MCO1M,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;AAWW,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAInC,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,KAAK,KAAI;YAC3B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;AAChC,SAAC;AAED,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS;AAClC,SAAC;;;;;;AASH,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAY,KAAI;YAC5B,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;AACpE,SAAC;;AAGD,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;AACpE,SAAC;AA0CF;;;;IAnCC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAA,EAChD,CACA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,gCAAgC,EAC5C,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,CAAC,KAAU,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACxC,CAAA,EACd,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACA,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,eAAe,EAAE,IAAI,CAAC,mBAAmB,EACvB,CAAA,EAErB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAC1B,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACK,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAEvB,EAAA,QAAA,CAAA,EAChB,CACE,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EACpB,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,IAAI,CAAC,mBAAmB,kBAEzB,CACb,CAEF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.css?tag=udp-hotlist-form&encapsulation=shadow","src/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.tsx"],"sourcesContent":[".submit-button {\n margin-top: 18px;\n display: flex;\n justify-content: flex-end;\n margin-right: 24px;\n gap: 8px;\n}\n\n.wrapper {\n border-bottom: 1px solid #d9d9d9;\n padding-bottom: 16px;\n margin-bottom: 10px;\n width: 480px;\n}","import { Component, Prop, h, State, Element } from '@stencil/core';\n\n@Component({\n tag: 'udp-hotlist-form',\n styleUrl: 'udp-hotlist-form.css',\n shadow: true,\n})\nexport class UdpHotlistForm {\n @Element() el: HTMLElement;\n @Prop() refetchViews: () => void;\n @Prop() handleFormSubmit: (name: string, isPrivate: boolean, columnState: any) => void;\n @Prop() handleCancelClick: () => void;\n\n @State() name: string = '';\n @State() isPrivate: boolean = false;\n // Add a state or prop for columnState\n @State() columnState: any; // Adjust this according to your needs\n\n handleNameChange = (event) => {\n this.name = event.target.value;\n };\n\n handlePrivateChange = () => {\n this.isPrivate = !this.isPrivate;\n };\n\n// Refreshes the page\n// handleSubmit = () => {\n// // Now passing columnState as well\n// this.handleFormSubmit(this.name, this.isPrivate, this.columnState);\n// };\n\n\nhandleSubmit = (event: Event) => {\n event.preventDefault();\n this.handleFormSubmit(this.name, this.isPrivate, this.columnState);\n };\n\n // Handling custom button click\n onCustomButtonClick = () => {\n this.handleFormSubmit(this.name, this.isPrivate, this.columnState);\n };\n\n\n// handleCancelClick = () => {\n// console.log('Cancel button clicked');\n// }\n\n render() {\n return (\n <div class=\"wrapper\" >\n <form class=\"save-form\" onSubmit={this.handleSubmit}>\n <text-field\n label=\"Hotlist Name\"\n placeholder=\"Create a name for your Hotlist\"\n value={this.name}\n onChange={(event: any) => this.handleNameChange(event)}\n ></text-field>\n <stencil-toggle\n label=\"Private\"\n checked={this.isPrivate}\n onToggledChange={this.handlePrivateChange}\n ></stencil-toggle>\n {/* <button type=\"submit\">Save List</button> */}\n <div class=\"submit-button\" >\n <custom-button\n variant='outline'\n type=\"submit\"\n onCustomClick={this.handleCancelClick}>\n Cancel\n </custom-button>\n <custom-button\n disabled={!this.name}\n type=\"submit\"\n onCustomClick={this.onCustomButtonClick}>\n Create List\n </custom-button>\n </div>\n\n </form>\n </div>\n );\n }\n}\n\n\n"],"version":3}
1	+ {"file":"p-1CPON0Xx.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,6LAA6L;;MCO1M,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;AAWW,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAInC,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,KAAK,KAAI;YAC3B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;AAChC,SAAC;AAED,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS;AAClC,SAAC;;;;;;AASH,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAY,KAAI;YAC5B,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;AACpE,SAAC;;AAGD,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;AACpE,SAAC;AA0CF;;;;IAnCC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAA,EAChD,CACA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,gCAAgC,EAC5C,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,CAAC,KAAU,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACxC,CAAA,EACd,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACA,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,eAAe,EAAE,IAAI,CAAC,mBAAmB,EACvB,CAAA,EAErB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAC1B,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACK,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAEvB,EAAA,QAAA,CAAA,EAChB,CACE,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EACpB,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,IAAI,CAAC,mBAAmB,kBAEzB,CACb,CAEF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.css?tag=udp-hotlist-form&encapsulation=shadow","src/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.tsx"],"sourcesContent":[".submit-button {\n margin-top: 18px;\n display: flex;\n justify-content: flex-end;\n margin-right: 24px;\n gap: 8px;\n}\n\n.wrapper {\n border-bottom: 1px solid #d9d9d9;\n padding-bottom: 16px;\n margin-bottom: 10px;\n width: 480px;\n}","import { Component, Prop, h, State, Element } from '@stencil/core';\n\n@Component({\n tag: 'udp-hotlist-form',\n styleUrl: 'udp-hotlist-form.css',\n shadow: true,\n})\nexport class UdpHotlistForm {\n @Element() el: HTMLElement;\n @Prop() refetchViews: () => void;\n @Prop() handleFormSubmit: (name: string, isPrivate: boolean, columnState: any) => void;\n @Prop() handleCancelClick: () => void;\n\n @State() name: string = '';\n @State() isPrivate: boolean = false;\n // Add a state or prop for columnState\n @State() columnState: any; // Adjust this according to your needs\n\n handleNameChange = (event) => {\n this.name = event.target.value;\n };\n\n handlePrivateChange = () => {\n this.isPrivate = !this.isPrivate;\n };\n\n// Refreshes the page\n// handleSubmit = () => {\n// // Now passing columnState as well\n// this.handleFormSubmit(this.name, this.isPrivate, this.columnState);\n// };\n\n\nhandleSubmit = (event: Event) => {\n event.preventDefault();\n this.handleFormSubmit(this.name, this.isPrivate, this.columnState);\n };\n\n // Handling custom button click\n onCustomButtonClick = () => {\n this.handleFormSubmit(this.name, this.isPrivate, this.columnState);\n };\n\n\n// handleCancelClick = () => {\n// console.log('Cancel button clicked');\n// }\n\n render() {\n return (\n <div class=\"wrapper\" >\n <form class=\"save-form\" onSubmit={this.handleSubmit}>\n <text-field\n label=\"Hotlist Name\"\n placeholder=\"Create a name for your Hotlist\"\n value={this.name}\n onChange={(event: any) => this.handleNameChange(event)}\n ></text-field>\n <stencil-toggle\n label=\"Private\"\n checked={this.isPrivate}\n onToggledChange={this.handlePrivateChange}\n ></stencil-toggle>\n {/* <button type=\"submit\">Save List</button> */}\n <div class=\"submit-button\" >\n <custom-button\n variant='outline'\n type=\"submit\"\n onCustomClick={this.handleCancelClick}>\n Cancel\n </custom-button>\n <custom-button\n disabled={!this.name}\n type=\"submit\"\n onCustomClick={this.onCustomButtonClick}>\n Create List\n </custom-button>\n </div>\n\n </form>\n </div>\n );\n }\n}\n\n\n"],"version":3}

package/dist/components/{p-IlXn87Ki.js → p-1Cv4cku0.js} RENAMED Viewed

@@ -1,15 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
-import { i as iconMapping } from './p-CbHR7_dn.js';
-const getIconFromName = (iconName, iconType = 'carbon') => {
-    var _a;
-    if (!iconName || ((_a = iconName === null || iconName === void 0 ? void 0 : iconName.trim()) === null || _a === void 0 ? void 0 : _a.length) === 0)
-        return;
-    if (iconType === 'carbon') {
-        return iconMapping[iconName];
-    }
-    return null;
-};
+import { g as getIconFromName } from './p-BY5RQ-T1.js';
 const udpIconCss = ".icon-container{height:100%;display:flex;align-items:center;color:inherit}";
@@ -87,7 +77,7 @@ function defineCustomElement() {
     } });
 }
-export { UdpIcon as U, defineCustomElement as d, getIconFromName as g };
-//# sourceMappingURL=p-IlXn87Ki.js.map
+export { UdpIcon as U, defineCustomElement as d };
+//# sourceMappingURL=p-1Cv4cku0.js.map
-//# sourceMappingURL=p-IlXn87Ki.js.map
+//# sourceMappingURL=p-1Cv4cku0.js.map

package/dist/components/p-1Cv4cku0.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-1Cv4cku0.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,4EAA4E;;MCQlF,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAW,QAAQ;AACnC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AAiDjC;IA9CC,MAAM,GAAA;;AACJ,QAAA,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;AAC9D,QAAA,IAAI,SAAiB;AAErB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,QAAQ,IAAI,CAAC,KAAK;AAChB,gBAAA,KAAK,SAAS;oBACZ,SAAS,GAAG,sBAAsB;oBAClC;AACF,gBAAA,KAAK,WAAW;oBACd,SAAS,GAAG,wBAAwB;oBACpC;AACF,gBAAA,KAAK,OAAO;oBACV,SAAS,GAAG,yBAAyB;oBACrC;AACF,gBAAA,KAAK,MAAM;oBACT,SAAS,GAAG,wBAAwB;oBACpC;AACF,gBAAA,KAAK,SAAS;oBACZ,SAAS,GAAG,2BAA2B;oBACvC;AACF,gBAAA,KAAK,SAAS;oBACZ,SAAS,GAAG,cAAc;oBAC1B;AACF,gBAAA;AACE,oBAAA,SAAS,GAAG,IAAI,CAAC,KAAK;;;aAErB;AACL,YAAA,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,OAAO;;AAG/C,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAU,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAE,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,GAAC,EAAE,IAAI,EAAE,SAAS,EAC9C,CAAA,EAAA,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;;YACtC,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,IAAI,MAAK,MAAM,EAAE;gBACzB,OAAO,6BAAW,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,GAAC,EAAE,GAAG,EAAE,KAAK,IAAI;;iBAC/C,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,IAAI,MAAK,QAAQ,EAAE;gBAClC,OAAO,+BAAa,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,GAAC,EAAE,GAAG,EAAE,KAAK,IAAI;;AAExD,YAAA,OAAO,IAAI;AACb,SAAC,CAAC,CACE,CACF;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/data-display/icons/udp-icon.css?tag=udp-icon&encapsulation=shadow","src/components/my-component/UI/data-display/icons/udp-icon.tsx"],"sourcesContent":[".icon-container{\n height: 100%;\n display: flex;\n align-items: center;\n color: inherit;\n}","import { Component, h, Prop } from '@stencil/core';\nimport { getIconFromName } from './iconUtils';\n\n@Component({\n tag: 'udp-icon',\n styleUrl: 'udp-icon.css',\n shadow: true,\n})\nexport class UdpIcon {\n @Prop() iconName: string;\n @Prop() iconType: string = 'carbon';\n /**\n * @deprecated Use color prop instead\n */\n @Prop() darkIcon: boolean = true;\n @Prop() color: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'inherit' | string;\n\n render() {\n const iconData = getIconFromName(this.iconName, this.iconType);\n let iconColor: string;\n\n if (this.color) {\n switch (this.color) {\n case 'primary':\n iconColor = 'var(--primary-color)';\n break;\n case 'secondary':\n iconColor = 'var(--secondary-color)';\n break;\n case 'error':\n iconColor = 'var(--error-color-main)';\n break;\n case 'info':\n iconColor = 'var(--info-color-main)';\n break;\n case 'success':\n iconColor = 'var(--success-color-main)';\n break;\n case 'inherit':\n iconColor = 'currentColor';\n break;\n default:\n iconColor = this.color;\n }\n } else {\n iconColor = this.darkIcon ? 'black' : 'white';\n }\n\n return (\n <div class=\"icon-container\">\n <svg {...(iconData?.attrs ?? {})} fill={iconColor}>\n {iconData?.content?.map((item, index) => {\n if (item?.elem === 'path') {\n return <path {...(item?.attrs ?? {})} key={index} />;\n } else if (item?.elem === 'circle') {\n return <circle {...(item?.attrs ?? {})} key={index} />;\n }\n return null;\n })}\n </svg>\n </div>\n );\n }\n}\n"],"version":3}