Merge pull request #4761 from Laravel-Backpack/phone-field

Phone field

Author: tabacitu

mix-manifest.json

@@ -4145,6 +4145,18 @@
     "/src/public/packages/places.js/dist/cdn/placesInstantsearchWidget.min.js.map": "/src/public/packages/places.js/dist/cdn/placesInstantsearchWidget.min.js.map",
     "/src/public/packages/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js": "/src/public/packages/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js",
     "/src/public/packages/URI.js/URI.min.js": "/src/public/packages/URI.js/URI.min.js",
+    "/src/public/packages/intl-tel-input/build/css/demo.css": "/src/public/packages/intl-tel-input/build/css/demo.css",
+    "/src/public/packages/intl-tel-input/build/css/intlTelInput.css": "/src/public/packages/intl-tel-input/build/css/intlTelInput.css",
+    "/src/public/packages/intl-tel-input/build/css/intlTelInput.min.css": "/src/public/packages/intl-tel-input/build/css/intlTelInput.min.css",
+    "/src/public/packages/intl-tel-input/build/img/flags.png": "/src/public/packages/intl-tel-input/build/img/flags.png",
+    "/src/public/packages/intl-tel-input/build/img/[email protected]": "/src/public/packages/intl-tel-input/build/img/[email protected]",
+    "/src/public/packages/intl-tel-input/build/js/data.js": "/src/public/packages/intl-tel-input/build/js/data.js",
+    "/src/public/packages/intl-tel-input/build/js/data.min.js": "/src/public/packages/intl-tel-input/build/js/data.min.js",
+    "/src/public/packages/intl-tel-input/build/js/intlTelInput-jquery.js": "/src/public/packages/intl-tel-input/build/js/intlTelInput-jquery.js",
+    "/src/public/packages/intl-tel-input/build/js/intlTelInput-jquery.min.js": "/src/public/packages/intl-tel-input/build/js/intlTelInput-jquery.min.js",
+    "/src/public/packages/intl-tel-input/build/js/intlTelInput.js": "/src/public/packages/intl-tel-input/build/js/intlTelInput.js",
+    "/src/public/packages/intl-tel-input/build/js/intlTelInput.min.js": "/src/public/packages/intl-tel-input/build/js/intlTelInput.min.js",
+    "/src/public/packages/intl-tel-input/build/js/utils.js": "/src/public/packages/intl-tel-input/build/js/utils.js",
     "/public/assets/css/backpack_electric_purple_overlay.css": "/public/assets/css/backpack_electric_purple_overlay.css",
     "/public/assets/js/ga.js": "/public/assets/js/ga.js",
     "/public/assets/js/monster/fields.js": "/public/assets/js/monster/fields.js",
@@ -7610,6 +7622,18 @@
     "/public/packages/datatables.net-responsive-bs4/types/responsive.bootstrap4.d.ts": "/public/packages/datatables.net-responsive-bs4/types/responsive.bootstrap4.d.ts",
     "/public/packages/easymde/dist/easymde.min.css": "/public/packages/easymde/dist/easymde.min.css",
     "/public/packages/easymde/dist/easymde.min.js": "/public/packages/easymde/dist/easymde.min.js",
+    "/public/packages/intl-tel-input/build/css/demo.css": "/public/packages/intl-tel-input/build/css/demo.css",
+    "/public/packages/intl-tel-input/build/css/intlTelInput.css": "/public/packages/intl-tel-input/build/css/intlTelInput.css",
+    "/public/packages/intl-tel-input/build/css/intlTelInput.min.css": "/public/packages/intl-tel-input/build/css/intlTelInput.min.css",
+    "/public/packages/intl-tel-input/build/img/flags.png": "/public/packages/intl-tel-input/build/img/flags.png",
+    "/public/packages/intl-tel-input/build/img/[email protected]": "/public/packages/intl-tel-input/build/img/[email protected]",
+    "/public/packages/intl-tel-input/build/js/data.js": "/public/packages/intl-tel-input/build/js/data.js",
+    "/public/packages/intl-tel-input/build/js/data.min.js": "/public/packages/intl-tel-input/build/js/data.min.js",
+    "/public/packages/intl-tel-input/build/js/intlTelInput-jquery.js": "/public/packages/intl-tel-input/build/js/intlTelInput-jquery.js",
+    "/public/packages/intl-tel-input/build/js/intlTelInput-jquery.min.js": "/public/packages/intl-tel-input/build/js/intlTelInput-jquery.min.js",
+    "/public/packages/intl-tel-input/build/js/intlTelInput.js": "/public/packages/intl-tel-input/build/js/intlTelInput.js",
+    "/public/packages/intl-tel-input/build/js/intlTelInput.min.js": "/public/packages/intl-tel-input/build/js/intlTelInput.min.js",
+    "/public/packages/intl-tel-input/build/js/utils.js": "/public/packages/intl-tel-input/build/js/utils.js",
     "/public/packages/jquery-colorbox/LICENSE.md": "/public/packages/jquery-colorbox/LICENSE.md",
     "/public/packages/jquery-colorbox/README.md": "/public/packages/jquery-colorbox/README.md",
     "/public/packages/jquery-colorbox/bower.json": "/public/packages/jquery-colorbox/bower.json",

package-lock.json

@@ -38,6 +38,7 @@
         "datatables.net-responsive": "^2.3.0",
         "datatables.net-responsive-bs4": "^2.3.0",
         "easymde": "^2.18.0",
+        "intl-tel-input": "^17.0.19",
         "jquery": "^3.6.0",
         "jquery-colorbox": "^1.6.4",
         "jquery-cropper": "^1.0.1",

package.json

@@ -0,0 +1,62 @@
+* {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box; }
+
+body {
+  margin: 20px;
+  font-size: 14px;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  color: #555; }
+
+.iti__hide {
+  display: none; }
+
+pre {
+  margin: 0 !important;
+  display: inline-block; }
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  background: none; }
+
+input, button {
+  height: 35px;
+  margin: 0;
+  padding: 6px 12px;
+  border-radius: 2px;
+  font-family: inherit;
+  font-size: 100%;
+  color: inherit; }
+  input[disabled], button[disabled] {
+    background-color: #eee; }
+
+input, select {
+  border: 1px solid #CCC;
+  width: 250px; }
+
+::-webkit-input-placeholder {
+  color: #BBB; }
+
+::-moz-placeholder {
+  /* Firefox 19+ */
+  color: #BBB;
+  opacity: 1; }
+
+:-ms-input-placeholder {
+  color: #BBB; }
+
+button {
+  color: #FFF;
+  background-color: #428BCA;
+  border: 1px solid #357EBD; }
+  button:hover {
+    background-color: #3276B1;
+    border-color: #285E8E;
+    cursor: pointer; }
+
+#result {
+  margin-bottom: 100px; }