@angular-wave/angular.ts 0.9.4 → 0.9.6

package/docs/assets/scss/index.scss

@@ -1,48 +0,0 @@
-#td-cover-block-0 {
-  h1 {
-    font-weight: 900;
-
-    & span {
-      color: var(--bs-secondary);
-    }
-  }
-
-  &::after {
-    background-color: white !important; // override dark overlay
-  }
-
-  #download {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: baseline;
-
-    #version {
-      font-weight: 600;
-      margin-right: 2rem;
-    }
-  }
-
-  #npm {
-    margin-top: 2rem;
-    display: flex;
-    justify-content: center;
-
-    .click-to-copy {
-      display: block;
-      float: right;
-    }
-
-    pre {
-      color: white;
-      background-color: gray !important;
-      border-radius: 5px;
-    }
-
-    code > :first-child {
-      padding: 1rem;
-      border-radius: 5px;
-      padding-right: 3rem;
-    }
-  }
-}

package/docs/config.yaml

@@ -1,15 +0,0 @@
-# THIS IS A TEST CONFIG ONLY!
-# FOR THE CONFIGURATION OF YOUR SITE USE hugo.yaml.
-#
-# As of Docsy 0.7.0, Hugo 0.110.0 or later must be used.
-#
-# The sole purpose of this config file is to detect Hugo-module builds that use
-# an older version of Hugo.
-#
-# DO NOT add any config parameters to this file. You can safely delete this file
-# if your project is using the required Hugo version.
-
-module:
-  hugoVersion:
-    extended: true
-    min: 0.110.0

package/docs/content/_index.md

@@ -1,28 +0,0 @@
----
-title: AngularTS
----
-
-{{< blocks/cover color="white" height="full" >}}
-
-<div class="text-center" ng-app>
-  <h1 class="display-1 mt-0 mt-md-5 pb-4">Angular<span>TS</span></h1>
-</div>
-
-<p class="lead mb-5">A modern, reactive and typesafe evolution of the classic JS framework from Google&copy;</p>
-
-<div id="download">
-  <span id="version"> {{< version >}} </span>
-  <a class="btn btn-lg btn-secondary me-3 mb-4" href="https://github.com/Angular-Wave/angular.ts">
-    Download <i class="fab fa-github ms-2 "></i>
-  </a>
-</div>
-
-<div id="npm">
-
-```bash
-  npm i @angular-wave/angular.ts
-```
-
-</div>
-
-{{< /blocks/cover >}}

package/docs/content/docs/_index.md

@@ -1,61 +0,0 @@
----
-title: Documentation
-linkTitle: Docs
-menu: { main: { weight: 20 } }
----
-
-Welcome to AngularTS documentation.
-
-This section is a work in progress. Its content will be updated regularly but
-feel free to rely on [AngularJS](https://docs.angularjs.org/guide) documentation
-in the meantime.
-
----
-
-### What is AngularTS?
-
-AngularTS is buildless, type-safe and reactive JS framework for building
-stuctured web applications at any scale. It continues the legacy of
-[AngularJS](https://angularjs.org/) by providing the best developer experience
-via immediate productivity without the burden of JS ecosystem tooling. Getting
-started with AngularTS does not even require JavaScript. All you need is a
-little bit of HTML. Below is a canonical example of a counter:
-
-#### Example
-
-{{< showhtml src="examples/counter/counter.html" >}}
-
-#### Result
-
-{{< showraw src="examples/counter/counter.html" >}}
-
----
-
-This code demonstrates the following key AngularTS features:
-
-- **HTML-first:** AngularTS is designed for HTML-first approach, meaning your
-  application logic can be expressed declaratively in your markup using custom
-  attributes--called _directives_. Here, we are using `ng-init` directive to
-  initialize our application state and `ng-click` directive to add an event
-  handler that changes our state.
-
-- **Template-driven:** AngularTS’s built-in template engine automatically keeps
-  the UI in sync with your application state, eliminating the need for manual
-  DOM tracking and updates. The `{{count}}` expression above is an example of
-  Angular's interpolation syntax. As the value of `count` variable increases,
-  our UI is updated with the new state.
-
-- **Island-first and zero-cost:** AngularTS creates an application on any HTML
-  tag with `ng-app` attribute, allowing multiple independent applications
-  (modules) to live on a single page. This allows AngularTS to work alongside
-  your existing tech stack where the majority of your page is rendered on the
-  server, while AngularTS is isolated to small “islands” (regions of your page)
-  where custom interactivity or personalization is required.
-
-- **Micro-framework appearance:** With its minimal setup, AngularTS is
-  well-suited for quick experiments, LLM-generated code, and learning web
-  development in general. But beneath its lightweight surface, it supports
-  structured enterprise design patterns, MVC architecture, and component-driven
-  design. With its rich directive library, state-based routing and support for
-  animations, AngularTS is a complete package for building large SPAs, server,
-  mobile, and desktop applications.

package/docs/content/docs/directive/_index.md

@@ -1,4 +0,0 @@
----
-title: Directives
-weight: 10
----

package/docs/content/docs/directive/app.md

@@ -1,11 +0,0 @@
----
-title: ng-app
-description: >
-  Bootstrap AngularTS application
----
-
-### Description
-
-Use this directive to auto-bootstrap an AngularTS application. The `ng-app`
-directive designates the root element of the application and is typically placed
-near the root element of the page - e.g. on the `<body>` or `<html>` tags.

package/docs/content/docs/directive/bind.md

@@ -1,72 +0,0 @@
----
-title: ng-bind
-description: >
-  Sync or hydrate textContent of element with an expression
----
-
-### Description
-
-The `ng-bind` attribute places the text content of the specified HTML element
-with the value of a given expression, and to update the text content when the
-value of that expression changes.
-
-Typically, you don't use `ng-bind` directly, but instead you use the double
-curly markup like `{{ expression }}` which is similar but less verbose.
-
-It is preferable to use `ng-bind` instead of `{{ expression }}` if a template is
-momentarily displayed by the browser in its raw state before it is compiled.
-Since `ng-bind` is an element attribute, it makes the bindings invisible to the
-user while the page is loading.
-
-An alternative solution to this problem would be using the `ng-cloak` directive.
-
-`ng-bind` can be modified with a `data-lazy` data attribute (or shorthand `lazy`
-attribute), which will delay update of element content until model is changed.
-This is useful for rendering server-generated content, while keeping the UI
-dynamic. In other frameworks, this technieque is known as
-[hydration](<https://en.wikipedia.org/wiki/Hydration_(web_development)>).
-
-### Parameters
-
----
-
-#### `ng-bind`
-
-- **Type:** [Expression](../../../typedoc/types/Expression.html)
-- **Restrict:** `A`
-- **Element:** ANY
-- **Priority:** `0`
-- **Description:** Expression to evaluate and modify
-  [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent)
-  property.
-- **Example:**
-
-  ```html
-  <div ng-bind="name"></div>
-  ```
-
----
-
-### Directive modifiers
-
-#### `data-lazy`
-
-- **Type:** N/A
-- **Description:** Apply expression once the bound model changes.
-- **Example:**
-
-  ```html
-  <div ng-bind="name" data-lazy></div>
-  <!-- or -->
-  <div ng-bind="name" lazy></div>
-  ```
-
----
-
-### Demo
-
-{{< showhtml src="examples/ng-bind/ng-bind.html" >}}
-
-{{< showraw src="examples/ng-bind/ng-bind.html" >}}
-
----

package/docs/content/docs/directive/blur.md

@@ -1,38 +0,0 @@
----
-title: ng-blur
-description: >
-  Handler for blur event
----
-
-### Description
-
-The `ng-blur` directive allows you to specify custom behavior when an element
-loses focus.
-
-### Parameters
-
----
-
-#### `ng-blur`
-
-- **Type:** [Expression](../../../typedoc/types/Expression.html)
-- **Description:** Expression to evaluate upon
-  [blur](https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event)
-  event.
-  [FocusEvent](https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent)
-  object is available as `$event`.
-- **Example:**
-
-  ```html
-  <div ng-blur="$ctrl.handleBlur($event)"></div>
-  ```
-
----
-
-#### Demo
-
-{{< showhtml src="examples/ng-blur/ng-blur.html" >}}
-
-{{< showraw src="examples/ng-blur/ng-blur.html" >}}
-
----

package/docs/content/docs/directive/channel.md

@@ -1,37 +0,0 @@
----
-title: ng-channel
-description: >
-  Subscribe a template to a messaging service topic
----
-
-### Description
-
-Updates element’s content by subscribing to events published on a named channel
-using `$eventBus`.
-
-- If the element **does not** contain any child elements or templates, the
-  directive will **replace the element's inner HTML** with the published value.
-- If the element **does** contain a template and the published value is an
-  **object**, the directive will **merge the object’s key-value pairs into the
-  current scope**, allowing Angular expressions like to be evaluated and
-  rendered.
-
-The directive automatically unsubscribes from the event channel when the scope
-is destroyed.
-
-### Parameters
-
----
-
-#### `ng-channel`
-
-- **Type:** `string`
-- **Description:** The name of the channel to subscribe to using `$eventBus`.
-
-### Demo
-
-{{< showhtml src="examples/ng-channel/ng-channel.html" >}}
-
-{{< showraw src="examples/ng-channel/ng-channel.html" >}}
-
----

package/docs/content/docs/directive/class-even.md

@@ -1,47 +0,0 @@
----
-title: ng-class-even
-description: >
-  Apply CSS classes to even-indexed elements inside `ng-repeat`.
----
-
-### Description
-
-The `ng-class-even` directive works just like [`ng-class`](./class), but it
-applies only to **even-indexed** elements in an [`ng-repeat`](../repeat) block.
-
-> Must be used inside `ng-repeat`.
-
-### Animations
-
-If `data-animate` attribute is present, the following animations will be applied
-to the element:
-
-| Animation                               | Occurs                                       |
-| --------------------------------------- | -------------------------------------------- |
-| [`add-class`](../../service/animate)    | Before the class is applied to the element   |
-| [`remove-class`](../../service/animate) | Before the class is removed from the element |
-
-### Parameters
-
----
-
-#### `ng-class-even`
-
-- **Type:** `string | array`
-- **Description:** An expression evaluating to a space-delimited string or array
-  of class names.
-- **Example:**
-
-  ```html
-  <div ng-repeat="item in items" ng-class-even="'even-row'"></div>
-  ```
-
----
-
-### Demo
-
-{{< showhtml src="examples/ng-class-even/ng-class-even.html" >}}
-
-{{< showraw src="examples/ng-class-even/ng-class-even.html" >}}
-
----

package/docs/content/docs/directive/class-odd.md

@@ -1,48 +0,0 @@
----
-title: ng-class-odd
-description: >
-  Apply CSS classes to odd-indexed elements inside `ng-repeat`.
----
-
-### Description
-
-The `ng-class-odd` directive works just like [`ng-class`](../class), but it
-applies only to **odd-indexed** elements inside an [`ng-repeat`](../repeat)
-block.
-
-> Must be used inside `ng-repeat`.
-
-### Animations
-
-If `data-animate` attribute is present, the following animations will be applied
-to the element:
-
-| Animation                               | Occurs                                       |
-| --------------------------------------- | -------------------------------------------- |
-| [`add-class`](../../service/animate)    | Before the class is applied to the element   |
-| [`remove-class`](../../service/animate) | Before the class is removed from the element |
-
-### Parameters
-
----
-
-#### `ng-class-odd`
-
-- **Type:** `string | array`
-- **Description:** An expression evaluating to a space-delimited string or array
-  of class names.
-- **Example:**
-
-  ```html
-  <div ng-repeat="item in items" ng-class-odd="'odd-row'"></div>
-  ```
-
----
-
-### Demo
-
-{{< showhtml src="examples/ng-class-odd/ng-class-odd.html" >}}
-
-{{< showraw src="examples/ng-class-odd/ng-class-odd.html" >}}
-
----

package/docs/content/docs/directive/class.md

@@ -1,64 +0,0 @@
----
-title: ng-class
-description: >
-  Dynamically bind one or more CSS classes using expressions.
----
-
-### Description
-
-The `ng-class` directive allows dynamically setting CSS classes on an HTML
-element by binding to an expression. The directive supports the following
-expression types:
-
-- **String** — space-delimited class names.
-- **Object** — keys as class names and values as booleans. Truthy values add the
-  class.
-- **Array** — containing strings and/or objects as described above.
-
-When the expression changes:
-
-- Previously added classes are removed.
-- New classes are added.
-- Duplicate classes are avoided.
-
-**Important**: Avoid using interpolation (`{{ ... }}`) in the value of the
-`class` attribute together with `ng-class`. See
-[interpolation known issues](../../../docs/guide/interpolation#known-issues) for
-details.
-
-### Animations
-
-If `data-animate` attribute is present, the following animations will be applied
-to the element:
-
-| Animation                               | Occurs                                              |
-| --------------------------------------- | --------------------------------------------------- |
-| [`add-class`](../../service/animate)    | Before the class is applied to the element          |
-| [`remove-class`](../../service/animate) | Before the class is removed from the element        |
-| [`set-class`](../../service/animate)    | Before classes are simultaneously added and removed |
-
-> `ng-class` supports standard CSS3 transitions/animations even if they don’t
-> follow `$animate` service naming conventions.
-
-### Parameters
-
----
-
-#### `ng-class`
-
-- **Type:** `string | object | array`
-- **Description:** An expression whose result determines the CSS classes to
-  apply.
-- **Example:**
-
-  ```html
-  <div ng-class="{ active: isActive, disabled: isDisabled }"></div>
-  ```
-
-### Demo
-
-{{< showhtml src="examples/ng-class/ng-class.html" >}}
-
-{{< showraw src="examples/ng-class/ng-class.html" >}}
-
----

package/docs/content/docs/directive/click.md

@@ -1,41 +0,0 @@
----
-title: ng-click
-description: >
-  Handler for click event
----
-
-### Description
-
-The `ng-click` directive allows you to specify custom behavior when an element
-is clicked.
-
-### Parameters
-
----
-
-#### `ng-click`
-
-- **Type:** [Expression](../../../typedoc/types/Expression.html)
-- **Restrict:** `A`
-- **Element:** ANY
-- **Priority:** `0`
-- **Description:** Expression to evaluate upon
-  [click](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event)
-  event.
-  [PointerEvent](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent)
-  object is available as `$event`.
-- **Example:**
-
-  ```html
-  <div ng-click="$ctrl.greet($event)"></div>
-  ```
-
----
-
-#### Demo
-
-{{< showhtml src="examples/ng-click/ng-click.html" >}}
-
-{{< showraw src="examples/ng-click/ng-click.html" >}}
-
----

package/docs/content/docs/directive/cloak.md

@@ -1,74 +0,0 @@
----
-title: ng-cloak
-description: >
-  Hide interpolated templates
----
-
-### Description
-
-The `ng-cloak` directive is used to prevent the HTML template from being briefly
-displayed by the browser in its raw (uncompiled) form while your application is
-loading. Use this directive to avoid the undesirable flicker effect caused by
-the HTML template display.
-
-The directive can be applied to the `<body>` element, but the preferred usage is
-to apply multiple `ng-cloak` directives to small portions of the page to permit
-progressive rendering of the browser view.
-
-`ng-cloak` works in cooperation with the following CSS rule:
-
-```css
-@charset "UTF-8";
-
-[ng-cloak],
-[data-ng-cloak],
-.ng-cloak,
-.ng-hide:not(.ng-hide-animate) {
-  display: none !important;
-}
-
-.ng-animate-shim {
-  visibility: hidden;
-}
-
-.ng-anchor {
-  position: absolute;
-}
-```
-
-CSS styles are available in npm distribution:
-
-```html
-<link
-  rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/@angular-wave/angular.ts/css/angular.min.css"
-/>
-```
-
-### Example
-
-```html
-<style>
-  @charset "UTF-8";
-  .ng-cloak,
-  .ng-hide:not(.ng-hide-animate),
-  [data-ng-cloak],
-  [ng-cloak] {
-    display: none !important;
-  }
-  .ng-animate-shim {
-    visibility: hidden;
-  }
-  .ng-anchor {
-    position: absolute;
-  }
-</style>
-<section ng-app ng-cloak>These tags are invisible {{ hello }}</section>
-```
-
-### Demo
-
-<style>@charset "UTF-8";.ng-cloak,.ng-hide:not(.ng-hide-animate),[data-ng-cloak],[ng-cloak]{display:none!important}.ng-animate-shim{visibility:hidden}.ng-anchor{position:absolute}</style>
-<section ng-app ng-cloak> These tags are invisible {{ hello }} </section>
-
----

package/docs/content/docs/directive/copy.md

@@ -1,38 +0,0 @@
----
-title: ng-copy
-description: >
-  Handler for copy event
----
-
-### Description
-
-The `ng-copy` directive allows you to specify custom behavior when an element is
-copied.
-
-### Parameters
-
----
-
-#### `ng-copy`
-
-- **Type:** [Expression](../../../typedoc/types/Expression.html)
-- **Description:** Expression to evaluate upon
-  [copy](https://developer.mozilla.org/en-US/docs/Web/API/Element/copy_event)
-  event.
-  [ClipboardEvent](https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent)
-  object is available as `$event`.
-- **Example:**
-
-  ```html
-  <div contenteditable="true" ng-copy="$ctrl.greet($event)">Content</div>
-  ```
-
----
-
-### Demo
-
-{{< showhtml src="examples/ng-copy/ng-copy.html" >}}
-
-{{< showraw src="examples/ng-copy/ng-copy.html" >}}
-
----

package/docs/content/docs/directive/cut.md

@@ -1,40 +0,0 @@
----
-title: ng-cut
-description: >
-  Handler for cut event
----
-
-### Description
-
-The `ng-cut` directive allows you to specify custom behavior when an element is
-cut.
-
-### Parameters
-
----
-
-#### `ng-cut`
-
-- **Type:** [Expression](../../../typedoc/types/Expression.html)
-- **Description:** Expression to evaluate upon
-  [cut](https://developer.mozilla.org/en-US/docs/Web/API/Element/cut_event)
-  event.
-  [ClipboardEvent](https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent)
-  object is available as `$event`.
-
-- **Example:**
-
-  ```html
-  <div contenteditable="true" ng-cut="$ctrl.onCut($event)">
-    Cuttable content
-  </div>
-  ```
-
----
-
-### Demo
-
-{{< showhtml src="examples/ng-cut/ng-cut.html" >}}
-{{< showraw src="examples/ng-cut/ng-cut.html" >}}
-
----