@vonage/vivid 2.26.0 → 3.0.0-next.2

package/shared/index3.js

@@ -0,0 +1,21 @@
+import { F as FoundationElement, h as html, d as designSystem } from './index2.js';
+import { s as styleInject } from './style-inject.es.js';
+
+class Focus extends FoundationElement {}
+
+var css_248z = ":host {\n  display: contents;\n  border-radius: inherit;\n}\n\n.control {\n  position: absolute;\n  box-sizing: border-box;\n  border-radius: inherit;\n  box-shadow: inset 0 0 0 2px var(--focus-stroke-color, var(--vvd-color-on-canvas)), inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);\n  inset: 0;\n}";
+styleInject(css_248z);
+
+let _ = t => t,
+    _t;
+const focusTemplate = () => html(_t || (_t = _`
+        <span class="control"></span>`));
+
+const VIVIDFocus = Focus.compose({
+  baseName: 'focus',
+  template: focusTemplate,
+  styles: css_248z
+});
+designSystem.register(VIVIDFocus());
+
+export { Focus as F, VIVIDFocus as V };

package/shared/patterns/affix.d.ts

@@ -0,0 +1,10 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+export declare class Prefix {
+    icon?: string;
+}
+export declare class PrefixOrSuffix extends Prefix {
+    iconTrailing: boolean;
+}
+export declare const prefixTemplate: (context: ElementDefinitionContext) => ViewTemplate<Prefix>;
+export declare const prefixOrSuffixTemplate: (context: ElementDefinitionContext) => ViewTemplate<PrefixOrSuffix>;

package/shared/patterns/index.d.ts

@@ -0,0 +1 @@
+export * from './affix';

package/shared/style-inject.es.js

@@ -0,0 +1,28 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as s };

package/shared/text-anchor.template.js

@@ -0,0 +1,59 @@
+import './web.dom-collections.iterator.js';
+import { _ as __decorate, a as attr, b as __metadata, h as html } from './index2.js';
+import { A as Anchor } from './anchor.js';
+import { r as ref } from './aria-global.js';
+import { c as classNames } from './class-names.js';
+
+class TextAnchor extends Anchor {
+  constructor() {
+    super(...arguments);
+    this.text = '';
+  }
+
+}
+
+__decorate([attr, __metadata("design:type", Object)], TextAnchor.prototype, "text", void 0);
+
+let _2 = t => t,
+    _t;
+
+const getClasses = _ => classNames('control');
+
+const textAnchorTemplate = () => html(_t || (_t = _2`
+    <a
+        class="${0}"
+        download="${0}"
+        href="${0}"
+        hreflang="${0}"
+        ping="${0}"
+        referrerpolicy="${0}"
+        rel="${0}"
+        target="${0}"
+        type="${0}"
+        aria-atomic="${0}"
+        aria-busy="${0}"
+        aria-controls="${0}"
+        aria-current="${0}"
+        aria-describedby="${0}"
+        aria-details="${0}"
+        aria-disabled="${0}"
+        aria-errormessage="${0}"
+        aria-expanded="${0}"
+        aria-flowto="${0}"
+        aria-haspopup="${0}"
+        aria-hidden="${0}"
+        aria-invalid="${0}"
+        aria-keyshortcuts="${0}"
+        aria-label="${0}"
+        aria-labelledby="${0}"
+        aria-live="${0}"
+        aria-owns="${0}"
+        aria-relevant="${0}"
+        aria-roledescription="${0}"
+        ${0}
+    >
+      ${0}
+    </a>
+`), getClasses, x => x.download, x => x.href, x => x.hreflang, x => x.ping, x => x.referrerpolicy, x => x.rel, x => x.target, x => x.type, x => x.ariaAtomic, x => x.ariaBusy, x => x.ariaControls, x => x.ariaCurrent, x => x.ariaDescribedby, x => x.ariaDetails, x => x.ariaDisabled, x => x.ariaErrormessage, x => x.ariaExpanded, x => x.ariaFlowto, x => x.ariaHaspopup, x => x.ariaHidden, x => x.ariaInvalid, x => x.ariaKeyshortcuts, x => x.ariaLabel, x => x.ariaLabelledby, x => x.ariaLive, x => x.ariaOwns, x => x.ariaRelevant, x => x.ariaRoledescription, ref('control'), x => x.text);
+
+export { TextAnchor as T, textAnchorTemplate as t };