@tessera-ui/angular 0.4.0 → 0.5.0

package/README.md

@@ -0,0 +1,36 @@
+# @tessera-ui/angular
+
+Angular wrappers for [Tessera UI](https://github.com/jkguidaven/tessera-ui) web components.
+
+## Installation
+
+```bash
+npm install @tessera-ui/angular
+```
+
+## Usage
+
+```typescript
+import { DIRECTIVES } from '@tessera-ui/angular';
+
+@Component({
+  imports: [DIRECTIVES],
+  template: `
+    <ts-input label="Email" placeholder="you@example.com"></ts-input>
+    <ts-button variant="primary">Submit</ts-button>
+  `,
+})
+export class AppComponent {}
+```
+
+Design tokens (CSS custom properties) are auto-imported — no additional CSS import needed.
+
+## Documentation
+
+- [Component docs](https://jkguidaven.github.io/tessera-ui/)
+- [Storybook](https://jkguidaven.github.io/tessera-ui/storybook/)
+- [GitHub](https://github.com/jkguidaven/tessera-ui)
+
+## License
+
+MIT

package/dist/cjs/directives/angular-component-lib/utils.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineCustomElement = exports.proxyOutputs = exports.proxyMethods = exports.proxyInputs = void 0;
+exports.ProxyCmp = ProxyCmp;
+/* eslint-disable */
+/* tslint:disable */
+const rxjs_1 = require("rxjs");
+const proxyInputs = (Cmp, inputs) => {
+    const Prototype = Cmp.prototype;
+    inputs.forEach((item) => {
+        Object.defineProperty(Prototype, item, {
+            get() {
+                return this.el[item];
+            },
+            set(val) {
+                this.z.runOutsideAngular(() => (this.el[item] = val));
+            },
+            /**
+             * In the event that proxyInputs is called
+             * multiple times re-defining these inputs
+             * will cause an error to be thrown. As a result
+             * we set configurable: true to indicate these
+             * properties can be changed.
+             */
+            configurable: true,
+        });
+    });
+};
+exports.proxyInputs = proxyInputs;
+const proxyMethods = (Cmp, methods) => {
+    const Prototype = Cmp.prototype;
+    methods.forEach((methodName) => {
+        Prototype[methodName] = function () {
+            const args = arguments;
+            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
+        };
+    });
+};
+exports.proxyMethods = proxyMethods;
+const proxyOutputs = (instance, el, events) => {
+    events.forEach((eventName) => (instance[eventName] = (0, rxjs_1.fromEvent)(el, eventName)));
+};
+exports.proxyOutputs = proxyOutputs;
+const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+exports.defineCustomElement = defineCustomElement;
+// tslint:disable-next-line: only-arrow-functions
+function ProxyCmp(opts) {
+    const decorator = function (cls) {
+        const { defineCustomElementFn, inputs, methods } = opts;
+        if (defineCustomElementFn !== undefined) {
+            defineCustomElementFn();
+        }
+        if (inputs) {
+            (0, exports.proxyInputs)(cls, inputs);
+        }
+        if (methods) {
+            (0, exports.proxyMethods)(cls, methods);
+        }
+        return cls;
+    };
+    return decorator;
+}

package/dist/cjs/directives/index.js

@@ -0,0 +1,91 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIRECTIVES = void 0;
+const d = __importStar(require("./proxies"));
+exports.DIRECTIVES = [
+    d.TsAccordion,
+    d.TsAccordionItem,
+    d.TsAlert,
+    d.TsAvatar,
+    d.TsBadge,
+    d.TsBanner,
+    d.TsBreadcrumb,
+    d.TsBreadcrumbItem,
+    d.TsButton,
+    d.TsCard,
+    d.TsCheckbox,
+    d.TsChip,
+    d.TsContainer,
+    d.TsDatePicker,
+    d.TsDialog,
+    d.TsDivider,
+    d.TsDrawer,
+    d.TsEmptyState,
+    d.TsFileUpload,
+    d.TsGrid,
+    d.TsIcon,
+    d.TsInput,
+    d.TsMenu,
+    d.TsMenuItem,
+    d.TsModal,
+    d.TsNav,
+    d.TsNavItem,
+    d.TsPagination,
+    d.TsPopover,
+    d.TsProgress,
+    d.TsRadio,
+    d.TsRow,
+    d.TsSelect,
+    d.TsSkeleton,
+    d.TsSlider,
+    d.TsSpacer,
+    d.TsSpinner,
+    d.TsStack,
+    d.TsStep,
+    d.TsStepper,
+    d.TsSwitchGroup,
+    d.TsSwitchOption,
+    d.TsTabPanel,
+    d.TsTable,
+    d.TsTabs,
+    d.TsTextarea,
+    d.TsToast,
+    d.TsToggle,
+    d.TsToolbar,
+    d.TsTooltip,
+    d.TsTree,
+    d.TsTreeItem
+];