feat(core): remove apply polyfills for old browsers and update depend…

…encies (#485)

package.json

@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@ionic/core": "^7.8.6",
-    "@stencil/core": "^4.17.2"
+    "@stencil/core": "^4.19.2"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
@@ -41,7 +41,7 @@
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@juntossomosmais/linters": "^0.19.0",
-    "@nrwl/workspace": "19.2.0",
+    "@nrwl/workspace": "19.3.2",
     "@rollup/plugin-typescript": "^11.1.6",
     "@stencil/react-output-target": "^0.5.3",
     "@stencil/sass": "^3.0.12",
@@ -60,13 +60,13 @@
     "@vitejs/plugin-vue": "^5.0.5",
     "@storybook/web-components": "^7.6.17",
     "@storybook/web-components-webpack5": "^7.6.17",
-    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/jest-dom": "^6.4.6",
     "@types/jest": "^27.0.3",
-    "@types/node": "^20.14.2",
+    "@types/node": "^20.14.9",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.12.0",
-    "@typescript-eslint/parser": "^7.12.0",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
     "autoprefixer": "^10.4.19",
     "babel-loader": "^9.1.3",
     "babel-plugin-transform-scss": "^1.2.0",
@@ -79,32 +79,32 @@
     "husky": "^9.0.11",
     "jest": "^27.0.3",
     "jest-cli": "^27.0.3",
-    "lint-staged": "^15.2.5",
+    "lint-staged": "^15.2.7",
     "lit": "^3.1.4",
-    "nx": "19.2.0",
-    "postcss": "^8.4.38",
+    "nx": "19.3.2",
+    "postcss": "^8.4.39",
     "postcss-scss": "^4.0.9",
-    "prettier": "3.3.1",
+    "prettier": "3.3.2",
     "prop-types": "^15.8.1",
-    "puppeteer": "^22.10.0",
+    "puppeteer": "^22.12.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rollup": "^4.18.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rupture-sass": "^1.0.0",
-    "sass": "^1.77.4",
+    "sass": "^1.77.6",
     "sass-loader": "^14.2.1",
     "storybook": "^7.6.17",
     "stylelint": "^16.6.1",
-    "stylelint-config-recommended": "^14.0.0",
+    "stylelint-config-recommended": "^14.0.1",
     "stylelint-order": "^6.0.4",
-    "stylelint-scss": "^6.3.1",
-    "ts-jest": "^29.1.4",
+    "stylelint-scss": "^6.3.2",
+    "ts-jest": "^29.1.5",
     "ts-node": "^10.9.2",
     "tslib": "^2.6.3",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.12",
-    "vue": "^3.4.27"
+    "typescript": "^5.5.3",
+    "vite": "^5.3.2",
+    "vue": "^3.4.31"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

packages/core/README.md

@@ -15,12 +15,9 @@ npm i @juntossomosmais/atomium
 ```jsx
 import '@juntossomosmais/atomium/core.css'
 
-import {
-  applyPolyfills,
-  defineCustomElements,
-} from '@juntossomosmais/atomium/loader'
+import { defineCustomElements } from '@juntossomosmais/atomium/loader'
 
-applyPolyfills().then(() => defineCustomElements(window))
+defineCustomElements(window)
 
 <atom-button>Click me</atom-button>
 ```

packages/core/loader/cdn.js

@@ -1,3 +1 @@
-
-module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../dist/cjs/loader.cjs.js');

packages/core/loader/index.cjs.js

@@ -1,3 +1 @@
-
-module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../dist/cjs/loader.cjs.js');

packages/core/loader/index.d.ts

@@ -9,6 +9,9 @@ export interface CustomElementsDefineOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
 
 /**

packages/core/loader/index.es2017.js

@@ -1,3 +1 @@
-
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

packages/core/src/components.d.ts

@@ -7,10 +7,10 @@
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { IconProps } from "./icons";
 import { Color, Mode, TextFieldTypes } from "@ionic/core";
-import { IonTypes } from "@ionic/core/dist/types/components";
+import { LocalJSX as IonTypes } from "@ionic/core/dist/types/components";
 export { IconProps } from "./icons";
 export { Color, Mode, TextFieldTypes } from "@ionic/core";
-export { IonTypes } from "@ionic/core/dist/types/components";
+export { LocalJSX as IonTypes } from "@ionic/core/dist/types/components";
 export namespace Components {
     interface AtomAlert {
         "actionText"?: string;

packages/core/stencil.config.ts

@@ -131,7 +131,7 @@ export const config: Config = {
       componentCorePackage: '@juntossomosmais/atomium',
       proxiesFile: '../react/src/components/index.ts',
       includeDefineCustomElements: true,
-      includePolyfills: true,
+      includePolyfills: false,
       excludeComponents,
     }),
     reactBooleanFixOutputTarget({

packages/vue/src/plugin.ts

@@ -1,7 +1,4 @@
-import {
-  applyPolyfills,
-  defineCustomElements,
-} from '@juntossomosmais/atomium/loader'
+import { defineCustomElements } from '@juntossomosmais/atomium/loader'
 import { Plugin } from 'vue'
 
 function toKebabCase(str: string) {
@@ -10,14 +7,12 @@ function toKebabCase(str: string) {
 
 export const ComponentLibrary: Plugin = {
   async install() {
-    applyPolyfills().then(() => {
-      defineCustomElements(window, {
-        ce: (eventName: string, opts: any) =>
-          new CustomEvent(
-            eventName.startsWith('atom') ? toKebabCase(eventName) : eventName,
-            opts
-          ),
-      } as any)
-    })
+    defineCustomElements(window, {
+      ce: (eventName: string, opts: any) =>
+        new CustomEvent(
+          eventName.startsWith('atom') ? toKebabCase(eventName) : eventName,
+          opts
+        ),
+    } as any)
   },
 }