.gitignore

@@ -78,3 +78,5 @@ angular/test/build/
 packages/vue/test/build/
 
 .npmrc
+ios
+www

ios/.gitignore

@@ -1,13 +0,0 @@
-App/build
-App/Pods
-App/Podfile.lock
-App/App/public
-DerivedData
-xcuserdata
-
-# Cordova plugins for Capacitor
-capacitor-cordova-ios-plugins
-
-# Generated Config files
-App/App/capacitor.config.json
-App/App/config.xml

ios/App/App.xcodeproj/project.pbxproj

@@ -1,406 +0,0 @@
-// !$*UTF8*$!
-{
-	archiveVersion = 1;
-	classes = {
-	};
-	objectVersion = 48;
-	objects = {
-
-/* Begin PBXBuildFile section */
-		2FAD9763203C412B000D30F8 /* config.xml in Resources */ = {isa = PBXBuildFile; fileRef = 2FAD9762203C412B000D30F8 /* config.xml */; };
-		50379B232058CBB4000EE86E /* capacitor.config.json in Resources */ = {isa = PBXBuildFile; fileRef = 50379B222058CBB4000EE86E /* capacitor.config.json */; };
-		504EC3081FED79650016851F /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 504EC3071FED79650016851F /* AppDelegate.swift */; };
-		504EC30D1FED79650016851F /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30B1FED79650016851F /* Main.storyboard */; };
-		504EC30F1FED79650016851F /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30E1FED79650016851F /* Assets.xcassets */; };
-		504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC3101FED79650016851F /* LaunchScreen.storyboard */; };
-		50B271D11FEDC1A000F3C39B /* public in Resources */ = {isa = PBXBuildFile; fileRef = 50B271D01FEDC1A000F3C39B /* public */; };
-		A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */; };
-/* End PBXBuildFile section */
-
-/* Begin PBXFileReference section */
-		2FAD9762203C412B000D30F8 /* config.xml */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = config.xml; sourceTree = "<group>"; };
-		50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = "<group>"; };
-		504EC3041FED79650016851F /* App.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = App.app; sourceTree = BUILT_PRODUCTS_DIR; };
-		504EC3071FED79650016851F /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
-		504EC30C1FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
-		504EC30E1FED79650016851F /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
-		504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
-		504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = "<group>"; };
-		AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_App.framework; sourceTree = BUILT_PRODUCTS_DIR; };
-		AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.release.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.release.xcconfig"; sourceTree = "<group>"; };
-		FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.debug.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.debug.xcconfig"; sourceTree = "<group>"; };
-/* End PBXFileReference section */
-
-/* Begin PBXFrameworksBuildPhase section */
-		504EC3011FED79650016851F /* Frameworks */ = {
-			isa = PBXFrameworksBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXFrameworksBuildPhase section */
-
-/* Begin PBXGroup section */
-		27E2DDA53C4D2A4D1A88CE4A /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
-		504EC2FB1FED79650016851F = {
-			isa = PBXGroup;
-			children = (
-				504EC3061FED79650016851F /* App */,
-				504EC3051FED79650016851F /* Products */,
-				7F8756D8B27F46E3366F6CEA /* Pods */,
-				27E2DDA53C4D2A4D1A88CE4A /* Frameworks */,
-			);
-			sourceTree = "<group>";
-		};
-		504EC3051FED79650016851F /* Products */ = {
-			isa = PBXGroup;
-			children = (
-				504EC3041FED79650016851F /* App.app */,
-			);
-			name = Products;
-			sourceTree = "<group>";
-		};
-		504EC3061FED79650016851F /* App */ = {
-			isa = PBXGroup;
-			children = (
-				50379B222058CBB4000EE86E /* capacitor.config.json */,
-				504EC3071FED79650016851F /* AppDelegate.swift */,
-				504EC30B1FED79650016851F /* Main.storyboard */,
-				504EC30E1FED79650016851F /* Assets.xcassets */,
-				504EC3101FED79650016851F /* LaunchScreen.storyboard */,
-				504EC3131FED79650016851F /* Info.plist */,
-				2FAD9762203C412B000D30F8 /* config.xml */,
-				50B271D01FEDC1A000F3C39B /* public */,
-			);
-			path = App;
-			sourceTree = "<group>";
-		};
-		7F8756D8B27F46E3366F6CEA /* Pods */ = {
-			isa = PBXGroup;
-			children = (
-				FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */,
-				AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */,
-			);
-			name = Pods;
-			sourceTree = "<group>";
-		};
-/* End PBXGroup section */
-
-/* Begin PBXNativeTarget section */
-		504EC3031FED79650016851F /* App */ = {
-			isa = PBXNativeTarget;
-			buildConfigurationList = 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */;
-			buildPhases = (
-				6634F4EFEBD30273BCE97C65 /* [CP] Check Pods Manifest.lock */,
-				504EC3001FED79650016851F /* Sources */,
-				504EC3011FED79650016851F /* Frameworks */,
-				504EC3021FED79650016851F /* Resources */,
-				9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */,
-			);
-			buildRules = (
-			);
-			dependencies = (
-			);
-			name = App;
-			productName = App;
-			productReference = 504EC3041FED79650016851F /* App.app */;
-			productType = "com.apple.product-type.application";
-		};
-/* End PBXNativeTarget section */
-
-/* Begin PBXProject section */
-		504EC2FC1FED79650016851F /* Project object */ = {
-			isa = PBXProject;
-			attributes = {
-				LastSwiftUpdateCheck = 0920;
-				LastUpgradeCheck = 0920;
-				TargetAttributes = {
-					504EC3031FED79650016851F = {
-						CreatedOnToolsVersion = 9.2;
-						LastSwiftMigration = 1100;
-						ProvisioningStyle = Automatic;
-					};
-				};
-			};
-			buildConfigurationList = 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */;
-			compatibilityVersion = "Xcode 8.0";
-			developmentRegion = en;
-			hasScannedForEncodings = 0;
-			knownRegions = (
-				en,
-				Base,
-			);
-			mainGroup = 504EC2FB1FED79650016851F;
-			productRefGroup = 504EC3051FED79650016851F /* Products */;
-			projectDirPath = "";
-			projectRoot = "";
-			targets = (
-				504EC3031FED79650016851F /* App */,
-			);
-		};
-/* End PBXProject section */
-
-/* Begin PBXResourcesBuildPhase section */
-		504EC3021FED79650016851F /* Resources */ = {
-			isa = PBXResourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */,
-				50B271D11FEDC1A000F3C39B /* public in Resources */,
-				504EC30F1FED79650016851F /* Assets.xcassets in Resources */,
-				50379B232058CBB4000EE86E /* capacitor.config.json in Resources */,
-				504EC30D1FED79650016851F /* Main.storyboard in Resources */,
-				2FAD9763203C412B000D30F8 /* config.xml in Resources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXResourcesBuildPhase section */
-
-/* Begin PBXShellScriptBuildPhase section */
-		6634F4EFEBD30273BCE97C65 /* [CP] Check Pods Manifest.lock */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
-			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-App-checkManifestLockResult.txt",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
-			showEnvVarsInLog = 0;
-		};
-		9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "[CP] Embed Pods Frameworks";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-App/Pods-App-frameworks.sh\"\n";
-			showEnvVarsInLog = 0;
-		};
-/* End PBXShellScriptBuildPhase section */
-
-/* Begin PBXSourcesBuildPhase section */
-		504EC3001FED79650016851F /* Sources */ = {
-			isa = PBXSourcesBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-				504EC3081FED79650016851F /* AppDelegate.swift in Sources */,
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-		};
-/* End PBXSourcesBuildPhase section */
-
-/* Begin PBXVariantGroup section */
-		504EC30B1FED79650016851F /* Main.storyboard */ = {
-			isa = PBXVariantGroup;
-			children = (
-				504EC30C1FED79650016851F /* Base */,
-			);
-			name = Main.storyboard;
-			sourceTree = "<group>";
-		};
-		504EC3101FED79650016851F /* LaunchScreen.storyboard */ = {
-			isa = PBXVariantGroup;
-			children = (
-				504EC3111FED79650016851F /* Base */,
-			);
-			name = LaunchScreen.storyboard;
-			sourceTree = "<group>";
-		};
-/* End PBXVariantGroup section */
-
-/* Begin XCBuildConfiguration section */
-		504EC3141FED79650016851F /* Debug */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				CODE_SIGN_IDENTITY = "iPhone Developer";
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = dwarf;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				ENABLE_TESTABILITY = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu11;
-				GCC_DYNAMIC_NO_PIC = NO;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_OPTIMIZATION_LEVEL = 0;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"DEBUG=1",
-					"$(inherited)",
-				);
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
-				MTL_ENABLE_DEBUG_INFO = YES;
-				ONLY_ACTIVE_ARCH = YES;
-				SDKROOT = iphoneos;
-				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
-				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
-			};
-			name = Debug;
-		};
-		504EC3151FED79650016851F /* Release */ = {
-			isa = XCBuildConfiguration;
-			buildSettings = {
-				ALWAYS_SEARCH_USER_PATHS = NO;
-				CLANG_ANALYZER_NONNULL = YES;
-				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
-				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
-				CLANG_CXX_LIBRARY = "libc++";
-				CLANG_ENABLE_MODULES = YES;
-				CLANG_ENABLE_OBJC_ARC = YES;
-				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
-				CLANG_WARN_BOOL_CONVERSION = YES;
-				CLANG_WARN_COMMA = YES;
-				CLANG_WARN_CONSTANT_CONVERSION = YES;
-				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
-				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
-				CLANG_WARN_EMPTY_BODY = YES;
-				CLANG_WARN_ENUM_CONVERSION = YES;
-				CLANG_WARN_INFINITE_RECURSION = YES;
-				CLANG_WARN_INT_CONVERSION = YES;
-				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
-				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
-				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
-				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
-				CLANG_WARN_STRICT_PROTOTYPES = YES;
-				CLANG_WARN_SUSPICIOUS_MOVE = YES;
-				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
-				CLANG_WARN_UNREACHABLE_CODE = YES;
-				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
-				CODE_SIGN_IDENTITY = "iPhone Developer";
-				COPY_PHASE_STRIP = NO;
-				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
-				ENABLE_NS_ASSERTIONS = NO;
-				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				GCC_C_LANGUAGE_STANDARD = gnu11;
-				GCC_NO_COMMON_BLOCKS = YES;
-				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
-				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
-				GCC_WARN_UNDECLARED_SELECTOR = YES;
-				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
-				GCC_WARN_UNUSED_FUNCTION = YES;
-				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				SDKROOT = iphoneos;
-				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
-				VALIDATE_PRODUCT = YES;
-			};
-			name = Release;
-		};
-		504EC3171FED79650016851F /* Debug */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */;
-			buildSettings = {
-				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
-				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 1;
-				INFOPLIST_FILE = App/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 1.0;
-				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
-				PRODUCT_BUNDLE_IDENTIFIER = io.ionic.starter;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
-				SWIFT_VERSION = 5.0;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Debug;
-		};
-		504EC3181FED79650016851F /* Release */ = {
-			isa = XCBuildConfiguration;
-			baseConfigurationReference = AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */;
-			buildSettings = {
-				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
-				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 1;
-				INFOPLIST_FILE = App/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
-				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 1.0;
-				PRODUCT_BUNDLE_IDENTIFIER = io.ionic.starter;
-				PRODUCT_NAME = "$(TARGET_NAME)";
-				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
-				SWIFT_VERSION = 5.0;
-				TARGETED_DEVICE_FAMILY = "1,2";
-			};
-			name = Release;
-		};
-/* End XCBuildConfiguration section */
-
-/* Begin XCConfigurationList section */
-		504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				504EC3141FED79650016851F /* Debug */,
-				504EC3151FED79650016851F /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-		504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */ = {
-			isa = XCConfigurationList;
-			buildConfigurations = (
-				504EC3171FED79650016851F /* Debug */,
-				504EC3181FED79650016851F /* Release */,
-			);
-			defaultConfigurationIsVisible = 0;
-			defaultConfigurationName = Release;
-		};
-/* End XCConfigurationList section */
-	};
-	rootObject = 504EC2FC1FED79650016851F /* Project object */;
-}

ios/App/App.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-   <FileRef
-      location = "self:App.xcodeproj">
-   </FileRef>
-</Workspace>

ios/App/App.xcworkspace/contents.xcworkspacedata

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-   <FileRef
-      location = "group:App.xcodeproj">
-   </FileRef>
-   <FileRef
-      location = "group:Pods/Pods.xcodeproj">
-   </FileRef>
-</Workspace>

ios/App/App.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>IDEDidComputeMac32BitWarning</key>
-	<true/>
-</dict>
-</plist>

ios/App/App/AppDelegate.swift

@@ -1,49 +0,0 @@
-import UIKit
-import Capacitor
-
-@UIApplicationMain
-class AppDelegate: UIResponder, UIApplicationDelegate {
-
-    var window: UIWindow?
-
-    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
-        // Override point for customization after application launch.
-        return true
-    }
-
-    func applicationWillResignActive(_ application: UIApplication) {
-        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
-        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
-    }
-
-    func applicationDidEnterBackground(_ application: UIApplication) {
-        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
-        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
-    }
-
-    func applicationWillEnterForeground(_ application: UIApplication) {
-        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
-    }
-
-    func applicationDidBecomeActive(_ application: UIApplication) {
-        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
-    }
-
-    func applicationWillTerminate(_ application: UIApplication) {
-        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
-    }
-
-    func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
-        // Called when the app was launched with a url. Feel free to add additional processing here,
-        // but if you want the App API to support tracking app url opens, make sure to keep this call
-        return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
-    }
-
-    func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
-        // Called when the app was launched with an activity, including Universal Links.
-        // Feel free to add additional processing here, but if you want the App API to support
-        // tracking app url opens, make sure to keep this call
-        return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
-    }
-
-}

ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,116 +0,0 @@
-{
-  "images" : [
-    {
-      "size" : "20x20",
-      "idiom" : "iphone",
-      "filename" : "AppIcon-20x20@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "iphone",
-      "filename" : "AppIcon-20x20@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "AppIcon-29x29@2x-1.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "iphone",
-      "filename" : "AppIcon-29x29@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "iphone",
-      "filename" : "AppIcon-40x40@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "iphone",
-      "filename" : "AppIcon-40x40@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "60x60",
-      "idiom" : "iphone",
-      "filename" : "AppIcon-60x60@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "60x60",
-      "idiom" : "iphone",
-      "filename" : "AppIcon-60x60@3x.png",
-      "scale" : "3x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-20x20@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "20x20",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-20x20@2x-1.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-29x29@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "29x29",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-29x29@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-40x40@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "40x40",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-40x40@2x-1.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "76x76",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-76x76@1x.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "76x76",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-76x76@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "83.5x83.5",
-      "idiom" : "ipad",
-      "filename" : "AppIcon-83.5x83.5@2x.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "1024x1024",
-      "idiom" : "ios-marketing",
-      "filename" : "AppIcon-512@2x.png",
-      "scale" : "1x"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}

ios/App/App/Assets.xcassets/Contents.json

@@ -1,6 +0,0 @@
-{
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}

ios/App/App/Assets.xcassets/Splash.imageset/Contents.json

@@ -1,23 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "universal",
-      "filename" : "splash-2732x2732-2.png",
-      "scale" : "1x"
-    },
-    {
-      "idiom" : "universal",
-      "filename" : "splash-2732x2732-1.png",
-      "scale" : "2x"
-    },
-    {
-      "idiom" : "universal",
-      "filename" : "splash-2732x2732.png",
-      "scale" : "3x"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}

ios/App/App/Base.lproj/LaunchScreen.storyboard

@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17132" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
-    <device id="retina4_7" orientation="portrait" appearance="light"/>
-    <dependencies>
-        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17105"/>
-        <capability name="System colors in document resources" minToolsVersion="11.0"/>
-        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
-    </dependencies>
-    <scenes>
-        <!--View Controller-->
-        <scene sceneID="EHf-IW-A2E">
-            <objects>
-                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
-                    <imageView key="view" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Splash" id="snD-IY-ifK">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
-                        <autoresizingMask key="autoresizingMask"/>
-                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
-                    </imageView>
-                </viewController>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
-            </objects>
-            <point key="canvasLocation" x="53" y="375"/>
-        </scene>
-    </scenes>
-    <resources>
-        <image name="Splash" width="1366" height="1366"/>
-        <systemColor name="systemBackgroundColor">
-            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-        </systemColor>
-    </resources>
-</document>

ios/App/App/Base.lproj/Main.storyboard

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14111" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
-    <device id="retina4_7" orientation="portrait">
-        <adaptation id="fullscreen"/>
-    </device>
-    <dependencies>
-        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>
-    </dependencies>
-    <scenes>
-        <!--Bridge View Controller-->
-        <scene sceneID="tne-QT-ifu">
-            <objects>
-                <viewController id="BYZ-38-t0r" customClass="CAPBridgeViewController" customModule="Capacitor" sceneMemberID="viewController"/>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
-            </objects>
-        </scene>
-    </scenes>
-</document>

ios/App/App/Info.plist

@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>CFBundleDevelopmentRegion</key>
-	<string>en</string>
-	<key>CFBundleDisplayName</key>
-        <string>ra100</string>
-	<key>CFBundleExecutable</key>
-	<string>$(EXECUTABLE_NAME)</string>
-	<key>CFBundleIdentifier</key>
-	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-	<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
-	<key>CFBundleName</key>
-	<string>$(PRODUCT_NAME)</string>
-	<key>CFBundlePackageType</key>
-	<string>APPL</string>
-	<key>CFBundleShortVersionString</key>
-	<string>$(MARKETING_VERSION)</string>
-	<key>CFBundleVersion</key>
-	<string>$(CURRENT_PROJECT_VERSION)</string>
-	<key>LSRequiresIPhoneOS</key>
-	<true/>
-	<key>UILaunchStoryboardName</key>
-	<string>LaunchScreen</string>
-	<key>UIMainStoryboardFile</key>
-	<string>Main</string>
-	<key>UIRequiredDeviceCapabilities</key>
-	<array>
-		<string>armv7</string>
-	</array>
-	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UIViewControllerBasedStatusBarAppearance</key>
-	<true/>
-</dict>
-</plist>

ios/App/Podfile

@@ -1,27 +0,0 @@
-require_relative '../../node_modules/@capacitor/ios/scripts/pods_helpers'
-
-platform :ios, '13.0'
-use_frameworks!
-
-# workaround to avoid Xcode caching of Pods that requires
-# Product -> Clean Build Folder after new Cordova plugins installed
-# Requires CocoaPods 1.6 or newer
-install! 'cocoapods', :disable_input_output_paths => true
-
-def capacitor_pods
-  pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
-  pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
-  pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'
-  pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
-  pod 'CapacitorKeyboard', :path => '../../node_modules/@capacitor/keyboard'
-  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
-end
-
-target 'App' do
-  capacitor_pods
-  # Add your Pods here
-end
-
-post_install do |installer|
-  assertDeploymentTarget(installer)
-end

package.json

@@ -20,7 +20,7 @@
     "@angular/platform-browser-dynamic": "^14.0.0",
     "@angular/router": "^14.0.0",
     "@capacitor/app": "4.1.0",
-    "@capacitor/core": "4.4.0",
+    "@capacitor/core": "^4.4.0",
     "@capacitor/haptics": "4.0.1",
     "@capacitor/ios": "4.4.0",
     "@capacitor/keyboard": "4.0.1",
@@ -32,7 +32,9 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@ionic/angular": "^6.1.9",
     "@ionic/storage-angular": "^3.0.6",
+    "cocoapods": "^0.0.0",
     "ionicons": "^6.0.3",
+    "pod-install": "^0.1.38",
     "rxjs": "~6.6.0",
     "swiper": "^8.4.4",
     "tslib": "^2.2.0",
@@ -48,7 +50,7 @@
     "@angular/compiler": "^14.0.0",
     "@angular/compiler-cli": "^14.0.0",
     "@angular/language-service": "^14.0.0",
-    "@capacitor/cli": "4.4.0",
+    "@capacitor/cli": "^4.4.0",
     "@ionic/angular-toolkit": "^6.0.0",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",

src/app/app.component.html

@@ -2,14 +2,14 @@
   <ion-menu side="start" contentId="content">
     <ion-header>
       <ion-toolbar>
-        <ion-title class="menu-title">Menu</ion-title>
+        <ion-title class="menu-title">Active Radio</ion-title>
       </ion-toolbar>
     </ion-header>
     <ion-content>
       <ion-list>
         <ion-menu-toggle auto-hide="true">
           <ion-item routerLink="/tabs/tab1" routerDirection="forward">
-            <ion-label>Tab 1</ion-label>
+            <ion-label>Tab 111</ion-label>
           </ion-item>
           <ion-item routerLink="/tabs/tab2" routerDirection="forward">
             <ion-label>Tab 2</ion-label>

src/app/home/home.page.html

@@ -1,9 +1,11 @@
 <ion-header>
   <ion-toolbar class="toolbar-bg-color">
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
     <ion-buttons slot="end">
-      <ion-menu-button></ion-menu-button>
+      <ion-menu-button>
+        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
+      </ion-menu-button>
     </ion-buttons>
-    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
   </ion-toolbar>
 </ion-header>
 <ion-content>
@@ -27,11 +29,11 @@
       </ion-col>
     </ion-row>
     <ion-row *ngFor="let news of newsdata | slice:0:4">
-      <ion-col size="5">        
-        <img [src]="news.better_featured_image.source_url" [style.width]="'100%'" /> 
+      <ion-col size="5">
+        <img [src]="news.better_featured_image.source_url" [style.width]="'100%'" />
       </ion-col>
       <ion-col class="ion-align-self-center"><a [routerLink]="['../news-detail' , news.id]"><span
-[innerHTML]="news.title.rendered"></span>
+            [innerHTML]="news.title.rendered"></span>
         </a>
       </ion-col>
     </ion-row>
@@ -48,26 +50,15 @@
         <hr>
       </ion-col>
     </ion-row>
-    <ion-row>
-      <ion-col size="5">
-        <img src="../../assets/img-static/mqdefault-1.jpg">
-      </ion-col>
-      <ion-col class="ion-align-self-center">Morning Talk [26-10-2022 l 07:30 - 09:00 น. ]</ion-col>
-    </ion-row>
-    <ion-row>
-      <ion-col size="5">
-        <img src="../../assets/img-static/mqdefault-2.jpg">
-      </ion-col>
-      <ion-col class="ion-align-self-center">Golf Trick [26-10-2022 l 09:00 - 10:00 น.]</ion-col>
-    </ion-row>
-    <ion-row>
-      <ion-col size="5">
-        <img src="../../assets/img-static/mqdefault-3.jpg">
-      </ion-col>
-      <ion-col class="ion-align-self-center">เจาะสนามบอลไทย [ 20-10-2022 l 20:00 - 21:30 น. ]</ion-col>
-    </ion-row>
+    <div *ngIf="ytalldata">
+      <ion-row *ngFor="let ytdata of ytalldata['items']| slice:0:4">
+        <ion-col size="5">
+          <img [src]="ytdata.snippet.thumbnails.high.url" [style.width]="'100%'" />
+        </ion-col>
+        <ion-col class="ion-align-self-center"><a href="https://www.youtube.com/watch?v={{ytdata.id.videoId}}"><span [innerHTML]="ytdata.snippet.title"></span></a></ion-col>
+      </ion-row>
+    </div>
   </ion-grid>
-
   <ion-grid>
     <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
   </ion-grid>

src/app/home/home.page.ts

@@ -1,8 +1,8 @@
 import { AfterContentChecked, Component, ViewChild, ViewEncapsulation } from '@angular/core';
-import {SwiperComponent} from 'swiper/angular';
+import { SwiperComponent } from 'swiper/angular';
 import { SwiperOptions } from 'swiper';
-import SwiperCore, { Pagination,Autoplay,Navigation,Keyboard } from 'swiper';
-import { WpdataService} from '../services/wpdata.service';
+import SwiperCore, { Pagination, Autoplay, Navigation, Keyboard } from 'swiper';
+import { WpdataService } from '../services/wpdata.service';
 
 SwiperCore.use([Pagination, Autoplay, Navigation, Keyboard]);
 @Component({
@@ -13,12 +13,13 @@ SwiperCore.use([Pagination, Autoplay, Navigation, Keyboard]);
 })
 export class HomePage implements AfterContentChecked {
 
-  newsdata: any = [];
-  
+  newsdata: any;
+  ytalldata: any;
+
   @ViewChild('swiper') swiper: SwiperComponent;
 
   config: SwiperOptions = {
-    slidesPerView: 1,  
+    slidesPerView: 1,
     pagination: { clickable: true },
     autoplay: {
       delay: 200,
@@ -28,20 +29,26 @@ export class HomePage implements AfterContentChecked {
     navigation: true,
   }
 
-  constructor( private wpgetdataService : WpdataService) {}
+  constructor(private wpgetdataService: WpdataService) { }
 
   ngAfterContentChecked() {
     if (this.swiper) {
       this.swiper.updateSwiper({});
-    }    
+    }
   }
 
   ionViewWillEnter() {
     this.wpgetdataService.getAllNews().subscribe((data) => {
       this.newsdata = data;
-      console.log('load Lineup Data');
+      console.log('load News Data');
       console.log(this.newsdata);
-      });
+    });
+
+    this.wpgetdataService.getAllYoutube().subscribe((data) => {
+      this.ytalldata = data;
+      console.log('load YouTube');
+      console.log(this.ytalldata);
+    });
   }
 
 }

src/app/news-detail/news-detail.page.html

@@ -1,12 +1,13 @@
 <ion-header>
   <ion-toolbar class="toolbar-bg-color">
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
     <ion-buttons slot="end">
-      <ion-menu-button></ion-menu-button>
+      <ion-menu-button>
+        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
+      </ion-menu-button>
     </ion-buttons>
-    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
   </ion-toolbar>
 </ion-header>
-
 <ion-content>
   <ion-grid>
     <ion-row>

src/app/news/news.page.html

@@ -1,12 +1,13 @@
 <ion-header>
   <ion-toolbar class="toolbar-bg-color">
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
     <ion-buttons slot="end">
-      <ion-menu-button></ion-menu-button>
+      <ion-menu-button>
+        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
+      </ion-menu-button>
     </ion-buttons>
-    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
   </ion-toolbar>
 </ion-header>
-
 <ion-content>
   <ion-grid>
     <ion-row>

src/app/services/wpdata.service.ts

@@ -9,7 +9,7 @@ import { Storage } from '@ionic/storage-angular';
 })
 export class WpdataService {
 
-  constructor(private http:HttpClient) { }
+  constructor(private http: HttpClient) { }
 
   // getAllNews() {
   //   return this.http.get(
@@ -18,13 +18,20 @@ export class WpdataService {
   // }
   getAllNews() {
     return this.http.get(
-      "https://dev-web-fm99.mcot.net/wp-json/wp/v2/news?_embed"
+      "https://fm99activeradio.mcot.net/wp-json/wp/v2/news?_embed"
     );
   }
 
   getNewsDetail(id) {
-    let url = 'https://dev-web-fm99.mcot.net/'
+    let url = 'https://fm99activeradio.mcot.net/'
     const route = url + 'wp-json/wp/v2/' + 'news/' + id + '?_embed';
     return this.http.get(route);
   }
+
+  getAllYoutube() {
+    return this.http.get(
+      // "../assets/api/youtube-data.json"
+      "https://youtube.googleapis.com/youtube/v3/search?part=snippet&channelId=UCfZdHbI3pIN4uselPFzzbOg&maxResults=5&order=date&key=AIzaSyDsRrS_dUxT_3PFaMZIBBdrbl37p_fqrNY"
+    );
+  }
 }

src/app/youtube/youtube.page.html

@@ -1,12 +1,13 @@
 <ion-header>
   <ion-toolbar class="toolbar-bg-color">
+    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
     <ion-buttons slot="end">
-      <ion-menu-button></ion-menu-button>
+      <ion-menu-button>
+        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
+      </ion-menu-button>
     </ion-buttons>
-    <img src="../../../assets/icon/logo-fm99.png" class="head-img">
   </ion-toolbar>
 </ion-header>
-
 <ion-content>
   <img src="../../../assets/img-static/banner-320x50.jpeg" alt="">
   <ion-grid>

src/assets/api/youtube-data.json

@@ -0,0 +1,182 @@
+{
+  "kind": "youtube#searchListResponse",
+  "etag": "Epvia07TkaHlHcZzjhjK3NZbv-4",
+  "nextPageToken": "CAUQAA",
+  "regionCode": "TH",
+  "pageInfo": {
+    "totalResults": 13399,
+    "resultsPerPage": 5
+  },
+  "items": [
+    {
+      "kind": "youtube#searchResult",
+      "etag": "0Y_VBBo_UMU0M0-e1KA-qJCopgg",
+      "id": {
+        "kind": "youtube#video",
+        "videoId": "JXM0627moMU"
+      },
+      "snippet": {
+        "publishedAt": "2022-11-01T07:06:50Z",
+        "channelId": "UCfZdHbI3pIN4uselPFzzbOg",
+        "title": "Color Of Life [01-11-2022 I 14:00 - 15:00 น. ]",
+        "description": "Color Of Life [01-11-2022 I 14:00 - 15:00 น. ] ดำเนินรายการโดย สมเกียรติ คุณานิธิพงศ์ และแม่ช้อยนางรำ สันติ เศวตวิมล ฟังออนไลน์ได้ที่ ...",
+        "thumbnails": {
+          "default": {
+            "url": "https://i.ytimg.com/vi/JXM0627moMU/default_live.jpg",
+            "width": 120,
+            "height": 90
+          },
+          "medium": {
+            "url": "https://i.ytimg.com/vi/JXM0627moMU/mqdefault_live.jpg",
+            "width": 320,
+            "height": 180
+          },
+          "high": {
+            "url": "https://i.ytimg.com/vi/JXM0627moMU/hqdefault_live.jpg",
+            "width": 480,
+            "height": 360
+          }
+        },
+        "channelTitle": "FM99 ActiveRadio",
+        "liveBroadcastContent": "live",
+        "publishTime": "2022-11-01T07:06:50Z"
+      }
+    },
+    {
+      "kind": "youtube#searchResult",
+      "etag": "SGCS0buUo10TEELuyTbUOKVY7Xk",
+      "id": {
+        "kind": "youtube#video",
+        "videoId": "poDF-Bo9vZM"
+      },
+      "snippet": {
+        "publishedAt": "2022-11-01T07:03:56Z",
+        "channelId": "UCfZdHbI3pIN4uselPFzzbOg",
+        "title": "Motor Intrend  [01-11-2022 l 13:00 - 14:00 น. ]",
+        "description": "Motor Intrend [01-11-2022 l 13:00 - 14:00 น. ] ดำเนินรายการโดย เฮียก่ำ สมบูรณ์ และเฮียณัฐ เสตะจันทร์ www.fm99activeradio.com ...",
+        "thumbnails": {
+          "default": {
+            "url": "https://i.ytimg.com/vi/poDF-Bo9vZM/default.jpg",
+            "width": 120,
+            "height": 90
+          },
+          "medium": {
+            "url": "https://i.ytimg.com/vi/poDF-Bo9vZM/mqdefault.jpg",
+            "width": 320,
+            "height": 180
+          },
+          "high": {
+            "url": "https://i.ytimg.com/vi/poDF-Bo9vZM/hqdefault.jpg",
+            "width": 480,
+            "height": 360
+          }
+        },
+        "channelTitle": "FM99 ActiveRadio",
+        "liveBroadcastContent": "none",
+        "publishTime": "2022-11-01T07:03:56Z"
+      }
+    },
+    {
+      "kind": "youtube#searchResult",
+      "etag": "nN6VLHMJhxlIBQuBEIcR6Ct9wxs",
+      "id": {
+        "kind": "youtube#video",
+        "videoId": "Znw4acOwB9E"
+      },
+      "snippet": {
+        "publishedAt": "2022-11-01T06:02:47Z",
+        "channelId": "UCfZdHbI3pIN4uselPFzzbOg",
+        "title": "เกาะกระแสกีฬาไทย  [01-11-2022 l 12:30 - 13:00 น.]",
+        "description": "เกาะกระแสกีฬาไทย [01-11-2022 l 12:30 - 13:00 น.] ดำเนินรายการโดย เจ๋ง ทรงศักดิ์ www.fm99activeradio.com ...",
+        "thumbnails": {
+          "default": {
+            "url": "https://i.ytimg.com/vi/Znw4acOwB9E/default.jpg",
+            "width": 120,
+            "height": 90
+          },
+          "medium": {
+            "url": "https://i.ytimg.com/vi/Znw4acOwB9E/mqdefault.jpg",
+            "width": 320,
+            "height": 180
+          },
+          "high": {
+            "url": "https://i.ytimg.com/vi/Znw4acOwB9E/hqdefault.jpg",
+            "width": 480,
+            "height": 360
+          }
+        },
+        "channelTitle": "FM99 ActiveRadio",
+        "liveBroadcastContent": "none",
+        "publishTime": "2022-11-01T06:02:47Z"
+      }
+    },
+    {
+      "kind": "youtube#searchResult",
+      "etag": "yOpIXnqHzU92tD1PpDzKDgL8D0s",
+      "id": {
+        "kind": "youtube#video",
+        "videoId": "Yo7xp1OEbHU"
+      },
+      "snippet": {
+        "publishedAt": "2022-11-01T05:05:30Z",
+        "channelId": "UCfZdHbI3pIN4uselPFzzbOg",
+        "title": "MSM Action [01-11-2022 I 11:00 - 12:00 น.]",
+        "description": "MSM Action [01-11-2022 I 11:00 - 12:00 น.] ดำเนินรายการโดย เปอ นพฤทธิ์ เก่ง มนต์ชัยและจีน viewfinder ฟังออนไลน์ได้ที่ ...",
+        "thumbnails": {
+          "default": {
+            "url": "https://i.ytimg.com/vi/Yo7xp1OEbHU/default.jpg",
+            "width": 120,
+            "height": 90
+          },
+          "medium": {
+            "url": "https://i.ytimg.com/vi/Yo7xp1OEbHU/mqdefault.jpg",
+            "width": 320,
+            "height": 180
+          },
+          "high": {
+            "url": "https://i.ytimg.com/vi/Yo7xp1OEbHU/hqdefault.jpg",
+            "width": 480,
+            "height": 360
+          }
+        },
+        "channelTitle": "FM99 ActiveRadio",
+        "liveBroadcastContent": "none",
+        "publishTime": "2022-11-01T05:05:30Z"
+      }
+    },
+    {
+      "kind": "youtube#searchResult",
+      "etag": "rg3juQB2wGg76UkOvxrG078ueN4",
+      "id": {
+        "kind": "youtube#video",
+        "videoId": "7vCjUyqoI2Q"
+      },
+      "snippet": {
+        "publishedAt": "2022-11-01T04:03:58Z",
+        "channelId": "UCfZdHbI3pIN4uselPFzzbOg",
+        "title": "Active Entertain   [01-11-2022 l 09:00 - 10:00 น.]",
+        "description": "Active Entertain [01-11-2022 l 09:00 - 10:00 น.] ดำเนินรายการโดย พัตโตะและกีรติ ฟังออนไลน์ได้ที่ www.fm99activeradio.com ...",
+        "thumbnails": {
+          "default": {
+            "url": "https://i.ytimg.com/vi/7vCjUyqoI2Q/default.jpg",
+            "width": 120,
+            "height": 90
+          },
+          "medium": {
+            "url": "https://i.ytimg.com/vi/7vCjUyqoI2Q/mqdefault.jpg",
+            "width": 320,
+            "height": 180
+          },
+          "high": {
+            "url": "https://i.ytimg.com/vi/7vCjUyqoI2Q/hqdefault.jpg",
+            "width": 480,
+            "height": 360
+          }
+        },
+        "channelTitle": "FM99 ActiveRadio",
+        "liveBroadcastContent": "none",
+        "publishTime": "2022-11-01T04:03:58Z"
+      }
+    }
+  ]
+}

src/assets/icon/menu-alt-left-svgrepo-com.svg

@@ -0,0 +1 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 11h12v2H4zm0-5h16v2H4zm0 12h7.235v-2H4z"/></svg>

src/assets/icon/menu-svgrepo-com.svg

@@ -0,0 +1 @@
+<svg width="24px" height="24px" viewBox="-5 -7 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-menu"><path d='M1 0h5a1 1 0 1 1 0 2H1a1 1 0 1 1 0-2zm7 8h5a1 1 0 0 1 0 2H8a1 1 0 1 1 0-2zM1 4h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2z' /></svg>

src/global.scss

@@ -79,6 +79,11 @@
 }
 
 
+// ion-menu-button {
+//   --background: rgb(221, 221, 222);
+//   --color: darkorange;
+// }
+
 ion-content {
   // --ion-background-color: #111D12;
   --background: url('./assets/img-static/bg-content-min.jpg') no-repeat 
@@ -110,7 +115,7 @@ h3 {
 }
 
 .head-img {
-  width: 15%;
+  width: 18%;
   display: flex;
   margin-left: 10px;
   margin-top: 5px;

www/index.html

@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8"/>
-  <title>Ionic App</title>
-
-  <base href="/"/>
-
-  <meta name="color-scheme" content="light dark"/>
-  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
-  <meta name="format-detection" content="telephone=no"/>
-  <meta name="msapplication-tap-highlight" content="no"/>
-
-  <link rel="icon" type="image/png" href="assets/icon/favicon.png"/>
-
-  <!-- add to homescreen for ios -->
-  <meta name="apple-mobile-web-app-capable" content="yes"/>
-  <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
-<link rel="stylesheet" href="styles.css"></head>
-
-<body>
-  <app-root></app-root>
-<script src="runtime.js" type="module"></script><script src="polyfills.js" type="module"></script><script src="vendor.js" type="module"></script><script src="main.js" type="module"></script></body>
-
-</html>

www/node_modules_ionic_core_dist_esm_index-0bc00b33_js.js

@@ -1,239 +0,0 @@
-"use strict";
-(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["node_modules_ionic_core_dist_esm_index-0bc00b33_js"],{
-
-/***/ 1612:
-/*!*************************************************************!*\
-  !*** ./node_modules/@ionic/core/dist/esm/index-0bc00b33.js ***!
-  \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "startTapClick": () => (/* binding */ startTapClick)
-/* harmony export */ });
-/* harmony import */ var _helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers-3b390e48.js */ 9234);
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-
-
-const startTapClick = config => {
-  let lastTouch = -MOUSE_WAIT * 10;
-  let lastActivated = 0;
-  let activatableEle;
-  let activeRipple;
-  let activeDefer;
-  const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true);
-  const clearDefers = new WeakMap(); // Touch Events
-
-  const onTouchStart = ev => {
-    lastTouch = (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_0__.u)(ev);
-    pointerDown(ev);
-  };
-
-  const onTouchEnd = ev => {
-    lastTouch = (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_0__.u)(ev);
-    pointerUp(ev);
-  };
-
-  const onMouseDown = ev => {
-    // Ignore right clicks
-    if (ev.button === 2) {
-      return;
-    }
-
-    const t = (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_0__.u)(ev) - MOUSE_WAIT;
-
-    if (lastTouch < t) {
-      pointerDown(ev);
-    }
-  };
-
-  const onMouseUp = ev => {
-    const t = (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_0__.u)(ev) - MOUSE_WAIT;
-
-    if (lastTouch < t) {
-      pointerUp(ev);
-    }
-  };
-
-  const cancelActive = () => {
-    clearTimeout(activeDefer);
-    activeDefer = undefined;
-
-    if (activatableEle) {
-      removeActivated(false);
-      activatableEle = undefined;
-    }
-  };
-
-  const pointerDown = ev => {
-    if (activatableEle) {
-      return;
-    }
-
-    setActivatedElement(getActivatableTarget(ev), ev);
-  };
-
-  const pointerUp = ev => {
-    setActivatedElement(undefined, ev);
-  };
-
-  const setActivatedElement = (el, ev) => {
-    // do nothing
-    if (el && el === activatableEle) {
-      return;
-    }
-
-    clearTimeout(activeDefer);
-    activeDefer = undefined;
-    const {
-      x,
-      y
-    } = (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_0__.p)(ev); // deactivate selected
-
-    if (activatableEle) {
-      if (clearDefers.has(activatableEle)) {
-        throw new Error('internal error');
-      }
-
-      if (!activatableEle.classList.contains(ACTIVATED)) {
-        addActivated(activatableEle, x, y);
-      }
-
-      removeActivated(true);
-    } // activate
-
-
-    if (el) {
-      const deferId = clearDefers.get(el);
-
-      if (deferId) {
-        clearTimeout(deferId);
-        clearDefers.delete(el);
-      }
-
-      const delay = isInstant(el) ? 0 : ADD_ACTIVATED_DEFERS;
-      el.classList.remove(ACTIVATED);
-      activeDefer = setTimeout(() => {
-        addActivated(el, x, y);
-        activeDefer = undefined;
-      }, delay);
-    }
-
-    activatableEle = el;
-  };
-
-  const addActivated = (el, x, y) => {
-    lastActivated = Date.now();
-    el.classList.add(ACTIVATED);
-    if (!useRippleEffect) return;
-    const rippleEffect = getRippleEffect(el);
-
-    if (rippleEffect !== null) {
-      removeRipple();
-      activeRipple = rippleEffect.addRipple(x, y);
-    }
-  };
-
-  const removeRipple = () => {
-    if (activeRipple !== undefined) {
-      activeRipple.then(remove => remove());
-      activeRipple = undefined;
-    }
-  };
-
-  const removeActivated = smooth => {
-    removeRipple();
-    const active = activatableEle;
-
-    if (!active) {
-      return;
-    }
-
-    const time = CLEAR_STATE_DEFERS - Date.now() + lastActivated;
-
-    if (smooth && time > 0 && !isInstant(active)) {
-      const deferId = setTimeout(() => {
-        active.classList.remove(ACTIVATED);
-        clearDefers.delete(active);
-      }, CLEAR_STATE_DEFERS);
-      clearDefers.set(active, deferId);
-    } else {
-      active.classList.remove(ACTIVATED);
-    }
-  };
-
-  const doc = document;
-  doc.addEventListener('ionGestureCaptured', cancelActive);
-  doc.addEventListener('touchstart', onTouchStart, true);
-  doc.addEventListener('touchcancel', onTouchEnd, true);
-  doc.addEventListener('touchend', onTouchEnd, true);
-  /**
-   * Tap click effects such as the ripple effect should
-   * not happen when scrolling. For example, if a user scrolls
-   * the page but also happens to do a touchstart on a button
-   * as part of the scroll, the ripple effect should not
-   * be dispatched. The ripple effect should only happen
-   * if the button is activated and the page is not scrolling.
-   *
-   * pointercancel is dispatched on a gesture when scrolling
-   * starts, so this lets us avoid having to listen for
-   * ion-content's scroll events.
-   */
-
-  doc.addEventListener('pointercancel', cancelActive, true);
-  doc.addEventListener('mousedown', onMouseDown, true);
-  doc.addEventListener('mouseup', onMouseUp, true);
-};
-
-const getActivatableTarget = ev => {
-  if (ev.composedPath !== undefined) {
-    /**
-     * composedPath returns EventTarget[]. However,
-     * objects other than Element can be targets too.
-     * For example, AudioContext can be a target. In this
-     * case, we know that the event is a UIEvent so we
-     * can assume that the path will contain either Element
-     * or ShadowRoot.
-     */
-    const path = ev.composedPath();
-
-    for (let i = 0; i < path.length - 2; i++) {
-      const el = path[i];
-
-      if (!(el instanceof ShadowRoot) && el.classList.contains('ion-activatable')) {
-        return el;
-      }
-    }
-  } else {
-    return ev.target.closest('.ion-activatable');
-  }
-};
-
-const isInstant = el => {
-  return el.classList.contains('ion-activatable-instant');
-};
-
-const getRippleEffect = el => {
-  if (el.shadowRoot) {
-    const ripple = el.shadowRoot.querySelector('ion-ripple-effect');
-
-    if (ripple) {
-      return ripple;
-    }
-  }
-
-  return el.querySelector('ion-ripple-effect');
-};
-
-const ACTIVATED = 'ion-activated';
-const ADD_ACTIVATED_DEFERS = 200;
-const CLEAR_STATE_DEFERS = 200;
-const MOUSE_WAIT = 2500;
-
-
-/***/ })
-
-}]);
-//# sourceMappingURL=node_modules_ionic_core_dist_esm_index-0bc00b33_js.js.map

www/node_modules_ionic_core_dist_esm_input-shims-6ed8f5a5_js.js

@@ -1,526 +0,0 @@
-"use strict";
-(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["node_modules_ionic_core_dist_esm_input-shims-6ed8f5a5_js"],{
-
-/***/ 4508:
-/*!*******************************************************************!*\
-  !*** ./node_modules/@ionic/core/dist/esm/input-shims-6ed8f5a5.js ***!
-  \*******************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "startInputShims": () => (/* binding */ startInputShims)
-/* harmony export */ });
-/* harmony import */ var _Users_simplicoltd_projects_fm99_rev_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js */ 1670);
-/* harmony import */ var _index_5d0c8232_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index-5d0c8232.js */ 3081);
-/* harmony import */ var _helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers-3b390e48.js */ 9234);
-/* harmony import */ var _index_c4b11676_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index-c4b11676.js */ 9273);
-
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-
-
-
-const cloneMap = new WeakMap();
-
-const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0) => {
-  if (cloneMap.has(componentEl) === shouldRelocate) {
-    return;
-  }
-
-  if (shouldRelocate) {
-    addClone(componentEl, inputEl, inputRelativeY);
-  } else {
-    removeClone(componentEl, inputEl);
-  }
-};
-
-const isFocused = input => {
-  return input === input.getRootNode().activeElement;
-};
-
-const addClone = (componentEl, inputEl, inputRelativeY) => {
-  // this allows for the actual input to receive the focus from
-  // the user's touch event, but before it receives focus, it
-  // moves the actual input to a location that will not screw
-  // up the app's layout, and does not allow the native browser
-  // to attempt to scroll the input into place (messing up headers/footers)
-  // the cloned input fills the area of where native input should be
-  // while the native input fakes out the browser by relocating itself
-  // before it receives the actual focus event
-  // We hide the focused input (with the visible caret) invisible by making it scale(0),
-  const parentEl = inputEl.parentNode; // DOM WRITES
-
-  const clonedEl = inputEl.cloneNode(false);
-  clonedEl.classList.add('cloned-input');
-  clonedEl.tabIndex = -1;
-  parentEl.appendChild(clonedEl);
-  cloneMap.set(componentEl, clonedEl);
-  const doc = componentEl.ownerDocument;
-  const tx = doc.dir === 'rtl' ? 9999 : -9999;
-  componentEl.style.pointerEvents = 'none';
-  inputEl.style.transform = `translate3d(${tx}px,${inputRelativeY}px,0) scale(0)`;
-};
-
-const removeClone = (componentEl, inputEl) => {
-  const clone = cloneMap.get(componentEl);
-
-  if (clone) {
-    cloneMap.delete(componentEl);
-    clone.remove();
-  }
-
-  componentEl.style.pointerEvents = '';
-  inputEl.style.transform = '';
-};
-
-const enableHideCaretOnScroll = (componentEl, inputEl, scrollEl) => {
-  if (!scrollEl || !inputEl) {
-    return () => {
-      return;
-    };
-  }
-
-  const scrollHideCaret = shouldHideCaret => {
-    if (isFocused(inputEl)) {
-      relocateInput(componentEl, inputEl, shouldHideCaret);
-    }
-  };
-
-  const onBlur = () => relocateInput(componentEl, inputEl, false);
-
-  const hideCaret = () => scrollHideCaret(true);
-
-  const showCaret = () => scrollHideCaret(false);
-
-  (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.a)(scrollEl, 'ionScrollStart', hideCaret);
-  (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.a)(scrollEl, 'ionScrollEnd', showCaret);
-  inputEl.addEventListener('blur', onBlur);
-  return () => {
-    (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.b)(scrollEl, 'ionScrollStart', hideCaret);
-    (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.b)(scrollEl, 'ionScrollEnd', showCaret);
-    inputEl.addEventListener('ionBlur', onBlur);
-  };
-};
-
-const SKIP_SELECTOR = 'input, textarea, [no-blur], [contenteditable]';
-
-const enableInputBlurring = () => {
-  let focused = true;
-  let didScroll = false;
-  const doc = document;
-
-  const onScroll = () => {
-    didScroll = true;
-  };
-
-  const onFocusin = () => {
-    focused = true;
-  };
-
-  const onTouchend = ev => {
-    // if app did scroll return early
-    if (didScroll) {
-      didScroll = false;
-      return;
-    }
-
-    const active = doc.activeElement;
-
-    if (!active) {
-      return;
-    } // only blur if the active element is a text-input or a textarea
-
-
-    if (active.matches(SKIP_SELECTOR)) {
-      return;
-    } // if the selected target is the active element, do not blur
-
-
-    const tapped = ev.target;
-
-    if (tapped === active) {
-      return;
-    }
-
-    if (tapped.matches(SKIP_SELECTOR) || tapped.closest(SKIP_SELECTOR)) {
-      return;
-    }
-
-    focused = false; // TODO: find a better way, why 50ms?
-
-    setTimeout(() => {
-      if (!focused) {
-        active.blur();
-      }
-    }, 50);
-  };
-
-  (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.a)(doc, 'ionScrollStart', onScroll);
-  doc.addEventListener('focusin', onFocusin, true);
-  doc.addEventListener('touchend', onTouchend, false);
-  return () => {
-    (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.b)(doc, 'ionScrollStart', onScroll, true);
-    doc.removeEventListener('focusin', onFocusin, true);
-    doc.removeEventListener('touchend', onTouchend, false);
-  };
-};
-
-const SCROLL_ASSIST_SPEED = 0.3;
-
-const getScrollData = (componentEl, contentEl, keyboardHeight) => {
-  var _a;
-
-  const itemEl = (_a = componentEl.closest('ion-item,[ion-item]')) !== null && _a !== void 0 ? _a : componentEl;
-  return calcScrollData(itemEl.getBoundingClientRect(), contentEl.getBoundingClientRect(), keyboardHeight, componentEl.ownerDocument.defaultView.innerHeight);
-};
-
-const calcScrollData = (inputRect, contentRect, keyboardHeight, platformHeight) => {
-  // compute input's Y values relative to the body
-  const inputTop = inputRect.top;
-  const inputBottom = inputRect.bottom; // compute visible area
-
-  const visibleAreaTop = contentRect.top;
-  const visibleAreaBottom = Math.min(contentRect.bottom, platformHeight - keyboardHeight); // compute safe area
-
-  const safeAreaTop = visibleAreaTop + 15;
-  const safeAreaBottom = visibleAreaBottom * 0.75; // figure out if each edge of the input is within the safe area
-
-  const distanceToBottom = safeAreaBottom - inputBottom;
-  const distanceToTop = safeAreaTop - inputTop; // desiredScrollAmount is the negated distance to the safe area according to our calculations.
-
-  const desiredScrollAmount = Math.round(distanceToBottom < 0 ? -distanceToBottom : distanceToTop > 0 ? -distanceToTop : 0); // our calculations make some assumptions that aren't always true, like the keyboard being closed when an input
-  // gets focus, so make sure we don't scroll the input above the visible area
-
-  const scrollAmount = Math.min(desiredScrollAmount, inputTop - visibleAreaTop);
-  const distance = Math.abs(scrollAmount);
-  const duration = distance / SCROLL_ASSIST_SPEED;
-  const scrollDuration = Math.min(400, Math.max(150, duration));
-  return {
-    scrollAmount,
-    scrollDuration,
-    scrollPadding: keyboardHeight,
-    inputSafeY: -(inputTop - safeAreaTop) + 4
-  };
-};
-
-const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardHeight) => {
-  let coord;
-
-  const touchStart = ev => {
-    coord = (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.p)(ev);
-  };
-
-  const touchEnd = ev => {
-    // input cover touchend/mouseup
-    if (!coord) {
-      return;
-    } // get where the touchend/mouseup ended
-
-
-    const endCoord = (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.p)(ev); // focus this input if the pointer hasn't moved XX pixels
-    // and the input doesn't already have focus
-
-    if (!hasPointerMoved(6, coord, endCoord) && !isFocused(inputEl)) {
-      // begin the input focus process
-      jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight);
-    }
-  };
-
-  componentEl.addEventListener('touchstart', touchStart, {
-    capture: true,
-    passive: true
-  });
-  componentEl.addEventListener('touchend', touchEnd, true);
-  return () => {
-    componentEl.removeEventListener('touchstart', touchStart, true);
-    componentEl.removeEventListener('touchend', touchEnd, true);
-  };
-};
-
-const jsSetFocus = /*#__PURE__*/function () {
-  var _ref = (0,_Users_simplicoltd_projects_fm99_rev_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (componentEl, inputEl, contentEl, footerEl, keyboardHeight) {
-    if (!contentEl && !footerEl) {
-      return;
-    }
-
-    const scrollData = getScrollData(componentEl, contentEl || footerEl, keyboardHeight);
-
-    if (contentEl && Math.abs(scrollData.scrollAmount) < 4) {
-      // the text input is in a safe position that doesn't
-      // require it to be scrolled into view, just set focus now
-      inputEl.focus();
-      return;
-    } // temporarily move the focus to the focus holder so the browser
-    // doesn't freak out while it's trying to get the input in place
-    // at this point the native text input still does not have focus
-
-
-    relocateInput(componentEl, inputEl, true, scrollData.inputSafeY);
-    inputEl.focus();
-    /**
-     * Relocating/Focusing input causes the
-     * click event to be cancelled, so
-     * manually fire one here.
-     */
-
-    (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.r)(() => componentEl.click());
-
-    if (typeof window !== 'undefined') {
-      let scrollContentTimeout;
-
-      const scrollContent = /*#__PURE__*/function () {
-        var _ref2 = (0,_Users_simplicoltd_projects_fm99_rev_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-          // clean up listeners and timeouts
-          if (scrollContentTimeout !== undefined) {
-            clearTimeout(scrollContentTimeout);
-          }
-
-          window.removeEventListener('ionKeyboardDidShow', doubleKeyboardEventListener);
-          window.removeEventListener('ionKeyboardDidShow', scrollContent); // scroll the input into place
-
-          if (contentEl) {
-            yield (0,_index_5d0c8232_js__WEBPACK_IMPORTED_MODULE_1__.c)(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
-          } // the scroll view is in the correct position now
-          // give the native text input focus
-
-
-          relocateInput(componentEl, inputEl, false, scrollData.inputSafeY); // ensure this is the focused input
-
-          inputEl.focus();
-        });
-
-        return function scrollContent() {
-          return _ref2.apply(this, arguments);
-        };
-      }();
-
-      const doubleKeyboardEventListener = () => {
-        window.removeEventListener('ionKeyboardDidShow', doubleKeyboardEventListener);
-        window.addEventListener('ionKeyboardDidShow', scrollContent);
-      };
-
-      if (contentEl) {
-        const scrollEl = yield (0,_index_5d0c8232_js__WEBPACK_IMPORTED_MODULE_1__.g)(contentEl);
-        /**
-         * scrollData will only consider the amount we need
-         * to scroll in order to properly bring the input
-         * into view. It will not consider the amount
-         * we can scroll in the content element.
-         * As a result, scrollData may request a greater
-         * scroll position than is currently available
-         * in the DOM. If this is the case, we need to
-         * wait for the webview to resize/the keyboard
-         * to show in order for additional scroll
-         * bandwidth to become available.
-         */
-
-        const totalScrollAmount = scrollEl.scrollHeight - scrollEl.clientHeight;
-
-        if (scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
-          /**
-           * On iOS devices, the system will show a "Passwords" bar above the keyboard
-           * after the initial keyboard is shown. This prevents the webview from resizing
-           * until the "Passwords" bar is shown, so we need to wait for that to happen first.
-           */
-          if (inputEl.type === 'password') {
-            // Add 50px to account for the "Passwords" bar
-            scrollData.scrollAmount += 50;
-            window.addEventListener('ionKeyboardDidShow', doubleKeyboardEventListener);
-          } else {
-            window.addEventListener('ionKeyboardDidShow', scrollContent);
-          }
-          /**
-           * This should only fire in 2 instances:
-           * 1. The app is very slow.
-           * 2. The app is running in a browser on an old OS
-           * that does not support Ionic Keyboard Events
-           */
-
-
-          scrollContentTimeout = setTimeout(scrollContent, 1000);
-          return;
-        }
-      }
-
-      scrollContent();
-    }
-  });
-
-  return function jsSetFocus(_x, _x2, _x3, _x4, _x5) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-const hasPointerMoved = (threshold, startCoord, endCoord) => {
-  if (startCoord && endCoord) {
-    const deltaX = startCoord.x - endCoord.x;
-    const deltaY = startCoord.y - endCoord.y;
-    const distance = deltaX * deltaX + deltaY * deltaY;
-    return distance > threshold * threshold;
-  }
-
-  return false;
-};
-
-const PADDING_TIMER_KEY = '$ionPaddingTimer';
-
-const enableScrollPadding = keyboardHeight => {
-  const doc = document;
-
-  const onFocusin = ev => {
-    setScrollPadding(ev.target, keyboardHeight);
-  };
-
-  const onFocusout = ev => {
-    setScrollPadding(ev.target, 0);
-  };
-
-  doc.addEventListener('focusin', onFocusin);
-  doc.addEventListener('focusout', onFocusout);
-  return () => {
-    doc.removeEventListener('focusin', onFocusin);
-    doc.removeEventListener('focusout', onFocusout);
-  };
-};
-
-const setScrollPadding = (input, keyboardHeight) => {
-  var _a, _b;
-
-  if (input.tagName !== 'INPUT') {
-    return;
-  }
-
-  if (input.parentElement && input.parentElement.tagName === 'ION-INPUT') {
-    return;
-  }
-
-  if (((_b = (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.tagName) === 'ION-SEARCHBAR') {
-    return;
-  }
-
-  const el = (0,_index_5d0c8232_js__WEBPACK_IMPORTED_MODULE_1__.f)(input);
-
-  if (el === null) {
-    return;
-  }
-
-  const timer = el[PADDING_TIMER_KEY];
-
-  if (timer) {
-    clearTimeout(timer);
-  }
-
-  if (keyboardHeight > 0) {
-    el.style.setProperty('--keyboard-offset', `${keyboardHeight}px`);
-  } else {
-    el[PADDING_TIMER_KEY] = setTimeout(() => {
-      el.style.setProperty('--keyboard-offset', '0px');
-    }, 120);
-  }
-};
-
-const INPUT_BLURRING = true;
-const SCROLL_PADDING = true;
-
-const startInputShims = config => {
-  const doc = document;
-  const keyboardHeight = config.getNumber('keyboardHeight', 290);
-  const scrollAssist = config.getBoolean('scrollAssist', true);
-  const hideCaret = config.getBoolean('hideCaretOnScroll', true);
-  const inputBlurring = config.getBoolean('inputBlurring', true);
-  const scrollPadding = config.getBoolean('scrollPadding', true);
-  const inputs = Array.from(doc.querySelectorAll('ion-input, ion-textarea'));
-  const hideCaretMap = new WeakMap();
-  const scrollAssistMap = new WeakMap();
-
-  const registerInput = /*#__PURE__*/function () {
-    var _ref3 = (0,_Users_simplicoltd_projects_fm99_rev_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (componentEl) {
-      yield new Promise(resolve => (0,_helpers_3b390e48_js__WEBPACK_IMPORTED_MODULE_2__.c)(componentEl, resolve));
-      const inputRoot = componentEl.shadowRoot || componentEl;
-      const inputEl = inputRoot.querySelector('input') || inputRoot.querySelector('textarea');
-      const scrollEl = (0,_index_5d0c8232_js__WEBPACK_IMPORTED_MODULE_1__.f)(componentEl);
-      const footerEl = !scrollEl ? componentEl.closest('ion-footer') : null;
-
-      if (!inputEl) {
-        return;
-      }
-
-      if (!!scrollEl && hideCaret && !hideCaretMap.has(componentEl)) {
-        const rmFn = enableHideCaretOnScroll(componentEl, inputEl, scrollEl);
-        hideCaretMap.set(componentEl, rmFn);
-      }
-      /**
-       * date/datetime-locale inputs on mobile devices show date picker
-       * overlays instead of keyboards. As a result, scroll assist is
-       * not needed. This also works around a bug in iOS <16 where
-       * scroll assist causes the browser to lock up. See FW-1997.
-       */
-
-
-      const isDateInput = inputEl.type === 'date' || inputEl.type === 'datetime-local';
-
-      if (!isDateInput && (!!scrollEl || !!footerEl) && scrollAssist && !scrollAssistMap.has(componentEl)) {
-        const rmFn = enableScrollAssist(componentEl, inputEl, scrollEl, footerEl, keyboardHeight);
-        scrollAssistMap.set(componentEl, rmFn);
-      }
-    });
-
-    return function registerInput(_x6) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  const unregisterInput = componentEl => {
-    if (hideCaret) {
-      const fn = hideCaretMap.get(componentEl);
-
-      if (fn) {
-        fn();
-      }
-
-      hideCaretMap.delete(componentEl);
-    }
-
-    if (scrollAssist) {
-      const fn = scrollAssistMap.get(componentEl);
-
-      if (fn) {
-        fn();
-      }
-
-      scrollAssistMap.delete(componentEl);
-    }
-  };
-
-  if (inputBlurring && INPUT_BLURRING) {
-    enableInputBlurring();
-  }
-
-  if (scrollPadding && SCROLL_PADDING) {
-    enableScrollPadding(keyboardHeight);
-  } // Input might be already loaded in the DOM before ion-device-hacks did.
-  // At this point we need to look for all of the inputs not registered yet
-  // and register them.
-
-
-  for (const input of inputs) {
-    registerInput(input);
-  }
-
-  doc.addEventListener('ionInputDidLoad', ev => {
-    registerInput(ev.detail);
-  });
-  doc.addEventListener('ionInputDidUnload', ev => {
-    unregisterInput(ev.detail);
-  });
-};
-
-
-
-/***/ })
-
-}]);
-//# sourceMappingURL=node_modules_ionic_core_dist_esm_input-shims-6ed8f5a5_js.js.map