@xplortech/apollo-core 2.10.0 → 2.12.0

package/hydrate/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@xplortech/apollo-core/hydrate",
+  "description": "ApolloCore component hydration app.",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "import": "./index.mjs"
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplortech/apollo-core",
-  "version": "2.10.0",
+  "version": "2.12.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -19,14 +19,32 @@
       "import": "./loader/index.js",
       "require": "./loader/index.cjs"
     },
+    "./hydrate": {
+      "types": "./hydrate/index.d.ts",
+      "import": "./hydrate/index.mjs",
+      "require": "./hydrate/index.js"
+    },
     "./components": {
       "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js"
     },
+    "./components/*.js": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    },
     "./components/*": {
       "types": "./dist/components/*.d.ts",
       "import": "./dist/components/*.js"
     },
+    "./css/core.css": "./build/core.css",
+    "./css/reset.css": "./build/reset.css",
+    "./css/typography.css": "./build/typography.css",
+    "./css/tailwind-theme.css": "./build/tailwind-theme.css",
+    "./css/variables/apollo.css": "./build/variables/apollo.css",
+    "./css/variables/field-edge.css": "./build/variables/field-edge.css",
+    "./css/vendor/flatpickr.css": "./build/vendor/flatpickr.css",
+    "./css/components/*.css": "./build/components/*.css",
+    "./css/*.css": "./build/*.css",
     "./css/*": "./build/*.css",
     "./dist/*": {
       "import": "./dist/*",
@@ -68,41 +86,49 @@
   ],
   "private": false,
   "scripts": {
-    "build": "npm run clean && npm-run-all build:*",
-    "build:css": "cross-env NODE_ENV=production postcss src/style.css -o build/style.css && npm-run-all build-partial:css.*",
+    "build": "npm run clean && npm-run-all build:css build:stencil",
+    "build:css": "cross-env NODE_ENV=production node scripts/build-css.mjs && npm-run-all build-partial:css.*",
+    "build-partial:css.angular": "cp build/style.css ../apollo-angular/css/apollo.css",
     "build-partial:css.react": "cp build/style.css ../apollo-react/css/apollo.css",
-    "build-partial:css.storybook": "cp -r build/ .storybook/build",
     "build-partial:css.vue": "cp build/style.css ../apollo-vue/css/apollo.css",
-    "build:stencil": "node ../../scripts/generate-icon-docs.mjs && stencil build --docs --prod && cp -r dist .storybook && cp -r loader .storybook && node .storybook/patch-stencil-sourcemaps.mjs",
+    "build:stencil": "node ../../scripts/generate-icon-docs.mjs && stencil build --docs --prod && node ../../scripts/patch-angular-value-accessors.mjs && node ../../scripts/patch-stencil-sourcemaps.mjs",
     "postbuild": "node ../../scripts/copy-readmes-to-dist.mjs && node ../../scripts/finalize-apollo-core-cjs.mjs",
-    "clean": "rm -rf dist/ loader/ storybook-static/ www/ build/ src/components/components.d.ts",
-    "dev": "run-p dev:*",
-    "dev:css": "postcss src/style.css -o build/style.css -w",
-    "dev:stencil": "stencil build --dev --watch --serve",
-    "lint:css": "stylelint 'src/**/*.css'",
-    "lint:css:ci": "stylelint 'src/**/*.css' -q",
+    "clean": "rm -rf dist/ hydrate/ loader/ storybook-static/ build/ src/components/components.d.ts",
+    "dev": "npm run storybook:dev",
+    "dev:angular-patch": "node ../../scripts/patch-angular-value-accessors.mjs --watch",
+    "dev:css": "node scripts/build-css.mjs --watch",
+    "dev:stencil": "stencil build --dev --watch --esm --docs",
+    "lint:css": "stylelint 'src/**/*.css' --cache --cache-location node_modules/.cache/.stylelintcache",
+    "lint:css:ci": "stylelint 'src/**/*.css' -q --cache --cache-location node_modules/.cache/.stylelintcache",
+    "lint:tokens": "node ../../scripts/verify-tokens.mjs",
     "test:stylelint": "node --test stylelint/patterns.test.mjs",
+    "test:unit": "node --test stylelint/patterns.test.mjs scripts/build-css.test.mjs scripts/verify-css-gates.test.mjs",
+    "test:css-gates": "node scripts/verify-css-gates.mjs --check",
     "stylelint:check-legacy": "node stylelint/check-legacy-files.mjs",
-    "lint": "npm-run-all lint:ts lint:css:ci lint:html lint:js lint:prettier-css test:stylelint",
-    "lint:ts": "eslint src/components/**/*{.ts,.tsx} --no-warn-ignored",
-    "lint:html": "prettier --check src/**/*.html",
-    "lint:js": "prettier --check *{.js,.json}",
-    "lint:prettier-css": "prettier --check \"src/**/*.css\"",
-    "format": "npm run lint:css:ci -- --fix && npm run lint:ts -- --fix && prettier --write *{.js,.json} && prettier --write src/**/*.html && prettier --write \"src/**/*.css\"",
+    "lint": "npm-run-all lint:ts lint:css:ci lint:tokens lint:js lint:prettier-css test:stylelint",
+    "lint:ts": "eslint \"src/components/**/*{.ts,.tsx}\" --no-warn-ignored --cache --cache-location node_modules/.cache/.eslintcache",
+    "lint:js": "prettier --check \"*{.js,.json}\" --cache",
+    "lint:prettier-css": "prettier --check \"src/**/*.css\" --cache",
+    "format": "npm run lint:css:ci -- --fix && npm run lint:ts -- --fix && prettier --write \"*{.js,.json}\" --cache && prettier --write \"src/**/*.css\" --cache",
     "generate:icons": "node ../../scripts/generate-icon-docs.mjs",
     "test": "vitest run --project spec --project spec-dom",
     "test.watch": "vitest --project spec --project spec-dom",
     "test.e2e": "vitest run --project browser",
+    "test.ssr": "vitest run --project ssr-smoke",
     "test.storybook": "vitest run --project storybook",
-    "test.storybook:update": "vitest run --project storybook --update",
+    "test.storybook:update": "npm run build:css && vitest run --project storybook --update",
     "storybook": "npm run storybook:start",
     "storybook:start": "storybook dev -p 9009",
-    "stencil-generate": "stencil generate"
+    "storybook:dev": "run-p dev:stencil dev:css dev:angular-patch storybook:start",
+    "build:storybook": "storybook build --config-dir .storybook --output-dir storybook-static && node ../../scripts/copy-storybook-data-assets.mjs",
+    "stencil-generate": "stencil generate",
+    "typecheck": "tsc --noEmit -p tsconfig.build.json --strict --strictPropertyInitialization false"
   },
   "files": [
     "AGENTS.md",
     "build",
     "dist",
+    "hydrate",
     "loader",
     ".typings"
   ],
@@ -111,45 +137,50 @@
     "@babel/preset-typescript": "^7.24.7",
     "@chromatic-com/storybook": "^4.1.3",
     "@mdx-js/react": "^3.1.1",
+    "@stencil/angular-output-target": "^1.4.1",
     "@stencil/core": "^4.43.5",
-    "@stencil/react-output-target": "1.6.0",
-    "@stencil/vitest": "^1.13.3",
-    "@stencil/vue-output-target": "^0.14.0",
-    "@storybook/addon-a11y": "^10.1.3",
-    "@storybook/addon-designs": "^11.1.1",
-    "@storybook/addon-docs": "^10.1.3",
-    "@storybook/addon-links": "^10.1.3",
-    "@storybook/addon-themes": "^10.1.3",
-    "@storybook/addon-vitest": "^10.1.3",
-    "@storybook/builder-vite": "^10.1.3",
-    "@storybook/web-components-vite": "^10.1.3",
+    "@stencil/react-output-target": "1.6.1",
+    "@stencil/vitest": "^1.14.0",
+    "@stencil/vue-output-target": "^0.14.1",
+    "@storybook/addon-a11y": "^10.5.5",
+    "@storybook/addon-designs": "^11.1.4",
+    "@storybook/addon-docs": "^10.5.5",
+    "@storybook/addon-links": "^10.5.5",
+    "@storybook/addon-themes": "^10.5.5",
+    "@storybook/addon-vitest": "^10.5.5",
+    "@storybook/builder-vite": "^10.5.5",
+    "@storybook/web-components-vite": "^10.5.5",
+    "@tailwindcss/postcss": "^4.3.3",
     "@vitest/browser-playwright": "^4.0.13",
     "@vitest/coverage-v8": "^4.0.13",
     "@vueless/storybook-dark-mode": "^10.0.3",
-    "@xplortech/apollo-icons": "0.4.0",
-    "autoprefixer": "^10.4.16",
-    "cross-env": "^7.0.3",
+    "@xplortech/apollo-icons": "0.4.1",
+    "cross-env": "^10.1.0",
     "eslint-plugin-react": "^7.37.5",
     "happy-dom": "^20.10.6",
     "highlight.js": "^11.10.0",
     "lit": "^3.3.2",
     "npm-run-all": "^4.1.5",
     "playwright": "1.59.1",
-    "postcss": "^8.4.23",
+    "postcss": "^8.5.23",
     "postcss-cli": "^8.3.1",
     "postcss-extend-rule": "^4.0.0",
-    "postcss-import": "^16.1.1",
+    "postcss-import": "16.1.1",
+    "postcss-nested": "7.0.2",
     "postcss-pxtorem": "^6.0.0",
     "prettier": "^3.5.3",
     "puppeteer": "^24.8.2",
-    "storybook": "^10.1.3",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "storybook": "^10.5.5",
     "storybook-addon-tag-badges": "^3.0.2",
-    "tailwindcss": "^3.3.2",
+    "tailwindcss": "^4.3.3",
     "typescript": "^5.5.3",
     "uuid": "^14.0.1",
-    "vite": "^8.1.3",
+    "vite": "^8.2.0",
     "vitest": "^4.1.9",
-    "vitest-plugin-vis": "5.1.0"
+    "vitest-plugin-vis": "5.1.0",
+    "vue": "^3.5.34"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
@@ -176,22 +207,58 @@
       "@xplortech/apollo-data"
     ],
     "targets": {
+      "lint": {
+        "dependsOn": [
+          "@xplortech/apollo-foundation:build"
+        ]
+      },
+      "build:css": {
+        "dependsOn": [
+          "@xplortech/apollo-foundation:build"
+        ]
+      },
+      "test": {
+        "dependsOn": [
+          "@xplortech/apollo-icons:build"
+        ]
+      },
+      "test.ssr": {
+        "dependsOn": [
+          "build",
+          "@xplortech/apollo-icons:build"
+        ]
+      },
+      "typecheck": {
+        "dependsOn": [
+          "build"
+        ]
+      },
       "build": {
         "outputs": [
           "{projectRoot}/build",
           "{projectRoot}/dist",
+          "{projectRoot}/dist/docs.json",
+          "{projectRoot}/hydrate",
           "{projectRoot}/loader",
-          "{projectRoot}/www",
           "{projectRoot}/.typings/apollo-components.html-data.json",
-          "{projectRoot}/.storybook/build",
-          "{projectRoot}/.storybook/dist",
-          "{projectRoot}/.storybook/loader",
           "{projectRoot}/src/components/components.d.ts",
           "{projectRoot}/src/components/components/**/readme.md",
           "{workspaceRoot}/packages/apollo-react/src/components/stencil-generated",
           "{workspaceRoot}/packages/apollo-react/css/apollo.css",
           "{workspaceRoot}/packages/apollo-vue/src/components.ts",
-          "{workspaceRoot}/packages/apollo-vue/css/apollo.css"
+          "{workspaceRoot}/packages/apollo-vue/css/apollo.css",
+          "{workspaceRoot}/packages/apollo-angular/src/directives/proxies.ts",
+          "{workspaceRoot}/packages/apollo-angular/src/directives/index.ts",
+          "{workspaceRoot}/packages/apollo-angular/css/apollo.css"
+        ]
+      },
+      "build:storybook": {
+        "dependsOn": [
+          "build"
+        ],
+        "cache": true,
+        "outputs": [
+          "{projectRoot}/storybook-static"
         ]
       }
     }

package/dist/apollo-core/p-0e45f332.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as c}from"./p-CXkZUm1c.js";const a=class{constructor(i){t(this,i),this.clickPrimary=s(this,"clickPrimary",7),this.clickSecondary=s(this,"clickSecondary",7),this.clickTertiary=s(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return i(c,{key:"cd6436989f07af18d1e696a26e3e990d99859b2e",class:"xpl-button-row"},i("div",{key:"67a9ab3127bdd31d416d716bf06a2548d4b04341",class:"xpl-button-row-inner"},i("div",{key:"f4c9e84868a5476500ffd65381fafe6c427e63ad",class:"xpl-button-row__left"},this.secondary&&i("xpl-button",{key:"9c264293c00634759559c8109657f8a58451dc06",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),i("div",{key:"df3443bd9afa937c4936e7b902da146f4a999f56",class:"xpl-button-row__right"},this.tertiary&&i("xpl-button",{key:"85912cdbc02ac6587085564dbfb4f0647b656d7d",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&i("xpl-button",{key:"cbb4302e9853d751b7b75e386c6d9441037c301e",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&i("xpl-button",{key:"10991142b7062283d129ba3428e5d3f1c060a973",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{a as xpl_button_row}

package/dist/apollo-core/p-0f251f98.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as r}from"./p-CXkZUm1c.js";const c=class{constructor(a){e(this,a)}render(){return a(r,{key:"f50c2c0ca2743e47ad44a368a9ea684c57a72261",role:"row",class:"xpl-table-header"},a("slot",{key:"7a61b45818de8675015ca3defb9ee8c3280e961a"}))}};export{c as xpl_table_header}

package/dist/apollo-core/p-1691c4f3.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as s}from"./p-CXkZUm1c.js";const a=class{constructor(t){e(this,t),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return t(s,{key:"e070f32db6cee0bcbf0dd84e41e13e6d3b88e8a1",role:"row",class:`xpl-dynamic-table-row\n            ${this.isDisabled?"disabled":""}\n            ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},t("slot",{key:"78ea8e02e97e0017dc4aa35af4883446d4e4c4bf"}))}};export{a as xpl_dynamic_table_row}

package/dist/apollo-core/p-172ac720.entry.js

@@ -1 +0,0 @@
-import{r as a,h as e,H as t,g as s}from"./p-CXkZUm1c.js";const c=class{constructor(e){a(this,e),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach((a=>{"disabled"in a&&(a.disabled=this.disabled)}))}render(){const a=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return e(t,{key:"e6e9a3695c9d8ca3743b188284bc8e69f50f3397",role:"gridcell","aria-colindex":a,class:"xpl-dynamic-table-cell",ref:a=>{this.hostElement=a}},e("slot",{key:"abfa632a3ac88d663acaaacbc431d07c9da4b375"}))}get el(){return s(this)}};export{c as xpl_dynamic_table_cell}

package/dist/apollo-core/p-23870463.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as l}from"./p-CXkZUm1c.js";const i=class{constructor(a){e(this,a),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(e){this.navWidth=e.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let e="xpl-application-shell";this.withUtility&&(e+=" xpl-application-shell--with_utility");let i="xpl-application-shell__nav";return i+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,a(l,{key:"bc94a18433120a5f0bdf01e642890b3ccea46ec7",class:e},a("div",{key:"aa5a35a385630256536b5d57b9f3e6f9e0e47dbc",class:i},a("slot",{key:"baf26b14dd158cff8c06da148f5c0d7fc915465e",name:"nav"})),a("div",{key:"e16b69bbb05a724bb0dccf4cdb066da0f4f97a1d",class:"xpl-application-shell__subnav"},a("slot",{key:"0f754f17de56dd63e626f9735daf7e9370f2c0c3",name:"subnav"})),a("div",{key:"85e95a30352bf566dcec928ddbb46f0129010e5d",class:"xpl-application-shell__utility"},a("slot",{key:"de2d4c89a9b323db0b4854d091cdfec86ede8373",name:"utility"})),a("div",{key:"9e121b26e8315dd7d3202de4866e5a1b827f6bf8",class:"xpl-application-shell__content"},a("slot",{key:"db97073dad39912f98b196d42ce6b986d2426b6a",name:"content"})),a("xpl-backdrop",{key:"32f98a170a3ee0104e4494f63fe8695e780067c3",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}};export{i as xpl_application_shell}

package/dist/apollo-core/p-3b8639b7.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as e,H as r,g as o}from"./p-CXkZUm1c.js";const c=class{constructor(e){s(this,e),this.sortChanged=t(this,"sortChanged",7),this.sortable=!1,this.label="",this.type="label",this.sortDirection="none"}toggleSort(){this.sortDirection="asc"===this.sortDirection?"desc":"desc"===this.sortDirection?"none":"asc",this.sortChanged.emit(this.sortDirection)}render(){const s=Array.from(this.el.parentElement.children).indexOf(this.el)+1,t=()=>{switch(this.type){case"label":return e("span",null,this.label);case"checkbox":return e("xpl-checkbox",null);case"icon":return e("xpl-icon",{icon:this.icon,size:20});default:return""}};return e(r,{role:"columnheader","aria-colindex":s,class:"xpl-table-header-cell "+(this.sortable?"sortable":"non-sortable"),style:{width:`${this.width}px`}},this.sortable?e("button",{onClick:()=>this.toggleSort()},t(),(()=>{switch(this.sortDirection){case"none":return e("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return e("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return e("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}})()):t())}get el(){return o(this)}};export{c as xpl_table_header_cell}

package/dist/apollo-core/p-44a16751.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as e,H as l}from"./p-CXkZUm1c.js";import{v as i}from"./p-CK3_k8jD.js";const a=class{constructor(e){s(this,e),this.toggleChange=t(this,"toggleChange",7),this.variant="default",this.id=i(),this.onChange=s=>{this.toggleChange.emit(s.target.checked)}}render(){let s="xpl-toggle-container";this.disabled&&(s+=" xpl-toggle-container--disabled");let t="xpl-toggle";return"small"===this.variant&&(t+=" xpl-toggle--small"),e(l,{key:"bc7363fd59d7cc10f0df644b5c54021ce860dbbc",class:s},(this.heading||this.description)&&e("label",{key:"06b031581d173694651e58265b287865daeaf22b",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&e("small",{key:"a633107a6dcc2c0c43cd626c3013876831535588",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)),e("input",{key:"fc1d734118dafc0a5f64119eb91d19e8af1254a6",class:t,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,onChange:this.onChange}),this.label&&e("label",{key:"7f1a465da3ec136c11797746505c0629fe2d31a9",htmlFor:this.id},this.label))}};export{a as xpl_toggle}