davismj

<number-pad {...Astro.props}></number-pad>
<script>
	import { FASTElement, css, customElement, html } from "@microsoft/fast-element";
	import styles from './number-pad.scss?inline';

	const template = html<NumberPad>`
		<div class="number-pad" @click="${(x, c) => x.handleClick(c.event)}">
			<div class="number-pad-row">
				<span role="button">1</span>
				<span role="button">2</span>

davismj

---
import { parseBody } from 'parse-body'
export const partial = true

const params = await parseBody(Astro.request.body)
---

davismj

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.container {
  position: relative;
  overflow: hidden;
  max-height: 100vh;
  max-width: 100vw;

davismj

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.container {
  position: relative;
  overflow: hidden;
  max-height: 100vh;
  max-width: 100vw;

davismj

<template>
  <style>
    * {
      box-sizing: border-box;
      padding: 0;
      margin: 0;
    }
    .container {
      position: relative;
      overflow: hidden;

davismj

<template>
  <require from="./registration-form"></require>
  
  <registration-form></registration-form>
</template>

davismj

<template>
  <require from="custom-table"></require>
  <custom-table items.bind="data">
    <template replace-part="row">
      <tr>
        <th>${item.v}</th>
        <th>${item.a}</th>
        <th>${item.k}</th>
      </tr>
    </template>

davismj

<template>
  <require from="custom-table"></require>
  <custom-table items.bind="data">
    <template replace-part="row">
      <tr>
        <th>${item.v}</th>
        <th>${item.a}</th>
        <th>${item.k}</th>
      </tr>
    </template>

davismj

<template>
  
  <!-- static fields -->
  <div>vm1</div>
  <select value.bind="vm1">
    <option>thingA</option>
    <option>thingB</option>
  </select>
  <div>vm2</div>
  <select value.bind="vm2">

davismj

<template>
  <compose view-model="test" model.bind="obj"></compose>
</template>