telpick 2.0.0

package/src/demo-init.js

@@ -0,0 +1,34 @@
+/**
+ * Demo init: carga Telpick y monta el Interactive Demo.
+ * Así Telpick está disponible cuando se ejecuta el init (evita race con el script inline).
+ */
+import Telpick from './telpick.js'
+
+window.Telpick = Telpick
+
+function initDemo() {
+  const container = document.getElementById('telpick-container')
+  if (!container) return
+
+  const telpick = new Telpick({
+    code: null,
+    onChange: (country) => {
+      const infoEl = document.getElementById('selected-info')
+      if (infoEl) {
+        document.getElementById('selected-code').textContent = country.code
+        document.getElementById('selected-country').textContent = country.country
+        document.getElementById('selected-phone').textContent = country.code
+        document.getElementById('selected-iso').textContent = country.country_code
+        infoEl.classList.add('active')
+      }
+    },
+    styleOverrides: {}
+  })
+  telpick.init(container)
+}
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initDemo)
+} else {
+  initDemo()
+}

package/src/telpick.cdn.js

@@ -0,0 +1,7 @@
+// Telpick CDN loader
+// <script src="https://unpkg.com/telpick/dist/telpick.umd.js"></script>
+// window.Telpick disponible
+
+// Ejemplo de uso:
+// const telpick = new Telpick({ code: null, onChange: (country) => console.log(country) })
+// telpick.init(document.getElementById('telpick-container'))