@angular-wave/angular.ts 0.9.3 → 0.9.5

package/src/directive/include/include.js

@@ -1,151 +0,0 @@
-import { isDefined } from "../../shared/utils.js";
-import { hasAnimate } from "../../shared/utils.js";
-import { $injectTokens as $t } from "../../injection-tokens.js";
-
-ngIncludeDirective.$inject = [
-  $t.$templateRequest,
-  $t.$anchorScroll,
-  $t.$animate,
-  $t.$exceptionHandler,
-];
-
-/**
- *
- * @param {*} $templateRequest
- * @param {import("../../services/anchor-scroll.js").AnchorScrollFunction} $anchorScroll
- * @param {*} $animate
- * @param {import('../../services/exception/interface.ts').Interface} $exceptionHandler
- * @returns {import('../../interface.js').Directive}
- */
-export function ngIncludeDirective(
-  $templateRequest,
-  $anchorScroll,
-  $animate,
-  $exceptionHandler,
-) {
-  return {
-    priority: 400,
-    terminal: true,
-    transclude: "element",
-    controller: () => {},
-    compile(_element, attr) {
-      const srcExp = attr["ngInclude"] || attr["src"];
-      const onloadExp = attr["onload"] || "";
-      const autoScrollExp = attr["autoscroll"];
-
-      return (scope, $element, _$attr, ctrl, $transclude) => {
-        function maybeScroll() {
-          if (
-            isDefined(autoScrollExp) &&
-            (!autoScrollExp || scope.$eval(autoScrollExp))
-          ) {
-            $anchorScroll();
-          }
-        }
-
-        let changeCounter = 0;
-        let currentScope;
-        let previousElement;
-        let currentElement;
-        const cleanupLastIncludeContent = () => {
-          if (previousElement) {
-            previousElement.remove();
-            previousElement = null;
-          }
-          if (currentScope) {
-            currentScope.$destroy();
-            currentScope = null;
-          }
-          if (currentElement) {
-            if (hasAnimate(currentElement)) {
-              $animate.leave(currentElement).done((response) => {
-                if (response !== false) previousElement = null;
-              });
-            } else {
-              currentElement.remove();
-            }
-
-            previousElement = currentElement;
-            currentElement = null;
-          }
-        };
-
-        scope.$watch(srcExp, async (src) => {
-          const afterAnimation = function (response) {
-            response !== false && maybeScroll();
-          };
-
-          const thisChangeId = ++changeCounter;
-          if (src) {
-            // set the 2nd param to true to ignore the template request error so that the inner
-            // contents and scope can be cleaned up.
-            await $templateRequest(src, true).then(
-              (response) => {
-                if (scope.$$destroyed) return;
-                if (thisChangeId !== changeCounter) return;
-                const newScope = scope.$new();
-                ctrl["template"] = response;
-
-                // Note: This will also link all children of ng-include that were contained in the original
-                // html. If that content contains controllers, ... they could pollute/change the scope.
-                // However, using ng-include on an element with additional content does not make sense...
-                // Note: We can't remove them in the cloneAttchFn of $transclude as that
-                // function is called before linking the content, which would apply child
-                // directives to non existing elements.
-                const clone = $transclude(newScope, (clone) => {
-                  cleanupLastIncludeContent();
-                  if (hasAnimate(clone)) {
-                    $animate.enter(clone, null, $element).done(afterAnimation);
-                  } else {
-                    $element.after(clone);
-                    maybeScroll();
-                  }
-                });
-
-                currentScope = newScope;
-                currentElement = clone;
-                currentScope.$emit("$includeContentLoaded", src);
-                scope.$eval(onloadExp);
-              },
-              (err) => {
-                if (scope.$$destroyed) return;
-
-                if (thisChangeId === changeCounter) {
-                  cleanupLastIncludeContent();
-                  scope.$emit("$includeContentError", src);
-                }
-                $exceptionHandler(new Error(err));
-              },
-            );
-            scope.$emit("$includeContentRequested", src);
-          } else {
-            cleanupLastIncludeContent();
-            ctrl["template"] = null;
-          }
-        });
-      };
-    },
-  };
-}
-
-// This directive is called during the $transclude call of the first `ngInclude` directive.
-// It will replace and compile the content of the element with the loaded template.
-// We need this directive so that the element content is already filled when
-// the link function of another directive on the same element as ngInclude
-// is called.
-ngIncludeFillContentDirective.$inject = [$t.$compile];
-
-/**
- * @param {import("../../core/compile/compile.js").CompileFn} $compile
- * @returns {import("../../interface.ts").Directive}
- */
-export function ngIncludeFillContentDirective($compile) {
-  return {
-    priority: -400,
-    require: "ngInclude",
-    link(scope, $element, _$attr, ctrl) {
-      $element.innerHTML = ctrl["template"];
-      $compile($element.childNodes)(scope);
-    },
-  };
-}

package/src/directive/include/include.md

@@ -1,87 +0,0 @@
-/\*\*
-
-- @name ngInclude
-- @restrict ECA
-- @scope
-- @priority -400
--
-- @description
-- Fetches, compiles and includes an external HTML fragment.
--
-- By default, the template URL is restricted to the same domain and protocol as the
-- application document. This is done by calling {@link $sce#getTrustedResourceUrl
-- $sce.getTrustedResourceUrl} on it. To load templates from other domains or protocols
-- you may either add them to your {@link ng.$sceDelegateProvider#trustedResourceUrlList trusted
-- resource URL list} or {@link $sce#trustAsResourceUrl wrap them} as trusted values. Refer to
-- AngularTS's {@link ng.$sce Strict Contextual Escaping}.
--
-- In addition, the browser's
-- [Same Origin Policy](https://code.google.com/p/browsersec/wiki/Part2#Same-origin_policy_for_XMLHttpRequest)
-- and [Cross-Origin Resource Sharing (CORS)](http://www.w3.org/TR/cors/)
-- policy may further restrict whether the template is successfully loaded.
-- For example, `ngInclude` won't work for cross-domain requests on all browsers and for `file://`
-- access on some browsers.
-- The `enter` and `leave` animation effects can be enabled for the element by
-  setting data attribute (`data-*`) or custom attribute `animate` to `true` attribute.
-
-- @animations
-- | Animation | Occurs |
-- |----------------------------------|-------------------------------------|
-- | {@link ng.$animate#enter enter} | when the expression changes, on the new include |
-- | {@link ng.$animate#leave leave} | when the expression changes, on the old include |
--
-- The enter and leave animation occur concurrently.
--
-- @param {string} ngInclude|src AngularTS expression evaluating to URL. If the source is a string constant,
--                 make sure you wrap it in **single** quotes, e.g. `src="'myPartialTemplate.html'"`.
-- @param {string=} onload Expression to evaluate when a new partial is loaded.
--                  <div class="alert alert-warning">
--                  **Note:** When using onload on SVG elements in IE11, the browser will try to call
--                  a function with the name on the window element, which will usually throw a
--                  "function is undefined" error. To fix this, you can instead use `data-onload` or a
--                  different form that {@link guide/directive#normalization matches} `onload`.
--                  </div>
--
-- @param {string=} autoscroll Whether `ngInclude` should call {@link ng.$anchorScroll
--                  $anchorScroll} to scroll the viewport after the content is loaded.
--
--                  - If the attribute is not set, disable scrolling.
--                  - If the attribute is set without value, enable scrolling.
--                  - Otherwise enable scrolling only if the expression evaluates to truthy value.
-- \*/
-
-/\*\*
-
-- @ngdoc event
-- @name ngInclude#$includeContentRequested
-- @eventType emit on the scope ngInclude was declared in
-- @description
-- Emitted every time the ngInclude content is requested.
--
-- @param {Object} angularEvent Synthetic event object.
-- @param {String} src URL of content to load.
-  \*/
-
-/\*\*
-
-- @ngdoc event
-- @name ngInclude#$includeContentLoaded
-- @eventType emit on the current ngInclude scope
-- @description
-- Emitted every time the ngInclude content is reloaded.
--
-- @param {Object} angularEvent Synthetic event object.
-- @param {String} src URL of content to load.
-  \*/
-
-/\*\*
-
-- @ngdoc event
-- @name ngInclude#$includeContentError
-- @eventType emit on the scope ngInclude was declared in
-- @description
-- Emitted when a template HTTP request yields an erroneous response (status < 200 || status > 299)
--
-- @param {Object} angularEvent Synthetic event object.
-- @param {String} src URL of content to load.
-  \*/