@stencil/angular-output-target 1.4.1 → 1.5.1

package/dist/types.d.ts

@@ -94,6 +94,43 @@ export interface OutputTargetAngular {
      * @default false
      */
     esModules?: boolean;
+    /**
+     * When `true`, boolean properties are declared with an Angular input transform so they can
+     * be set using attribute presence syntax:
+     *
+     * ```html
+     * <!-- with booleanAttributes enabled -->
+     * <my-component disabled></my-component>
+     *
+     * <!-- otherwise the value has to be bound explicitly -->
+     * <my-component [disabled]="true"></my-component>
+     * ```
+     *
+     * Without a transform Angular resolves the bare attribute to the empty string and reports
+     * `Type 'string' is not assignable to type 'boolean'` under `strictTemplates`.
+     *
+     * Compile-time checking of these bindings also requires `inlineProperties`. Without it the
+     * generated wrappers declare no typed members for their inputs, so Angular never checks them
+     * and there is no error for the transform to resolve.
+     *
+     * The transform still runs either way, because Angular applies it from the component
+     * definition's input map rather than from a declared class member. Enabling this on its own
+     * therefore moves boolean coercion from Stencil to the transform with nothing checking what
+     * callers pass, so prefer enabling `inlineProperties` alongside it.
+     *
+     * The transform coerces strings the same way Angular's `booleanAttribute` does, but passes
+     * `null` and `undefined` through instead of coercing them to `false`. Refer to
+     * `nullableBooleanAttribute`.
+     *
+     * Properties are only transformed when Stencil reports their type as exactly `boolean`.
+     * Virtual properties, properties declared as `any`, and types that union `boolean` with
+     * something else (such as `boolean | 'auto'`, reported as `any`) get no transform, and the
+     * property receives the attribute's empty string rather than `true`. Only the union case fails
+     * to compile; the other two are silent. Refer to the README for the differences.
+     *
+     * @default false
+     */
+    booleanAttributes?: boolean;
 }
 export type ValueAccessorTypes = 'text' | 'radio' | 'select' | 'number' | 'boolean';
 export interface ValueAccessorConfig {
@@ -108,4 +145,8 @@ export interface PackageJSON {
 export interface ComponentInputProperty {
     name: string;
     required: boolean;
+    /**
+     * Whether to declare an input transform so the property can be set by attribute presence.
+     */
+    transform?: boolean;
 }

package/dist/utils.d.ts

@@ -44,4 +44,6 @@ export declare const createComponentEventTypeImports: (componentTagName: string,
     componentCorePackage: string;
     customElementsDir?: string;
     outputType: OutputType;
+    /** Import through the package's `exports` map (`./standalone` or `./loader`) instead of a deep path. */
+    exportMaps?: boolean;
 }) => string;

package/dist/utils.js

@@ -118,7 +118,9 @@ export const createComponentEventTypeImports = (componentTagName, events, option
     const imports = [];
     const namedImports = new Set();
     const isCustomElementsBuild = isOutputTypeCustomElementsBuild(options.outputType);
-    const importPathName = normalizePath(componentCorePackage) + (isCustomElementsBuild ? `/${customElementsDir}` : '');
+    const exportMapEntry = isCustomElementsBuild ? '/standalone' : '/loader';
+    const importPathName = normalizePath(componentCorePackage) +
+        (options.exportMaps ? exportMapEntry : isCustomElementsBuild ? `/${customElementsDir}` : '');
     /**
      * Each component's events are typed with the per-component CustomEvent type
      * generated by Stencil (e.g. `MyComponentCustomEvent<Detail>`), which carries a

package/dist/wizard.js

@@ -49,6 +49,19 @@ async function allowPnpmBuild(pkg, rootDir, workspaceRoot) {
 // ---------------------------------------------------------------------------
 // Wrapper package scaffolding
 // ---------------------------------------------------------------------------
+/**
+ * The core package's real npm name. This is not always its lowercased namespace
+ * (`testy-test` vs `testytest`), and it's what the wrapper has to depend on and import from.
+ */
+async function readCorePackageName(rootDir, fallback) {
+    try {
+        const { name } = JSON.parse(await readFile(join(rootDir, 'package.json'), 'utf8'));
+        return typeof name === 'string' && name ? name : fallback;
+    }
+    catch {
+        return fallback;
+    }
+}
 async function pathExists(p) {
     try {
         await access(p);
@@ -212,7 +225,7 @@ export const wizard = {
             const directivesArrayFile = selectedOutputType === 'component'
                 ? relative(config.rootDir, join(wrapperDir, 'src', 'lib', 'directives.array.ts')).replace(/\\/g, '/')
                 : undefined;
-            const componentCorePackage = config.fsNamespace;
+            const componentCorePackage = await readCorePackageName(config.rootDir, config.fsNamespace);
             // Scaffold wrapper package if the directory doesn't exist yet
             const shouldScaffold = !(await pathExists(wrapperDir));
             if (shouldScaffold) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/angular-output-target",
-  "version": "1.4.1",
+  "version": "1.5.1",
   "description": "Angular output target for @stencil/core components.",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -58,7 +58,7 @@
   "devDependencies": {
     "@angular/core": "8.2.14",
     "@angular/forms": "8.2.14",
-    "@stencil/cli": "^5.0.0 || >=5.0.0-alpha.17 <5.0.0-next.0",
+    "@stencil/cli": "^5.0.0 || >=5.0.0-beta.16 <5.0.0-next.0",
     "@stencil/core": "4.41.0",
     "@types/node": "^18.19.130",
     "npm-run-all2": "^6.2.6",
@@ -69,7 +69,7 @@
     "vitest": "^2.1.9"
   },
   "peerDependencies": {
-    "@stencil/core": ">=2.0.0 || >=3 || >=4.0.0 || ^5.0.0 || >=5.0.0-alpha.17 <5.0.0-next.0"
+    "@stencil/core": ">=2.0.0 || >=3 || >=4.0.0 || ^5.0.0 || >=5.0.0-beta.16 <5.0.0-next.0"
   },
   "gitHead": "a3588e905186a0e86e7f88418fd5b2f9531b55e0"
 }