Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@vonage/vivid

Package Overview
Dependencies
Maintainers
23
Versions
293
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vonage/vivid - npm Package Compare versions

Comparing version 3.0.0-next.3 to 3.0.0-next.4

accordion-item/index.js
accordion/index.js
banner/index.js
calendar/index.js
lib/accordion-item/accordion-item.d.ts
lib/accordion-item/accordion-item.template.d.ts
lib/accordion-item/index.d.ts
lib/accordion/accordion.d.ts
lib/accordion/accordion.template.d.ts
lib/accordion/index.d.ts
lib/banner/banner.d.ts
lib/banner/banner.template.d.ts
lib/banner/index.d.ts
lib/calendar/calendar.d.ts
lib/calendar/calendar.template.d.ts
lib/calendar/helpers/calendar.date-functions.d.ts
lib/calendar/helpers/calendar.event-context.d.ts
lib/calendar/helpers/calendar.keyboard-interactions.d.ts
lib/calendar/index.d.ts
lib/popup/index.d.ts
lib/popup/popup.d.ts
lib/popup/popup.template.d.ts
lib/progress/index.d.ts
lib/progress/progress.d.ts
lib/progress/progress.template.d.ts
lib/side-drawer/index.d.ts
lib/side-drawer/side-drawer.d.ts
lib/side-drawer/side-drawer.template.d.ts
lib/text/index.d.ts
lib/text/text.d.ts
lib/text/text.template.d.ts
lib/tooltip/index.d.ts
lib/tooltip/tooltip.d.ts
lib/tooltip/tooltip.template.d.ts
popup/index.js
progress/index.js
shared/_has.js
shared/es.object.assign.js
shared/icon.js
shared/slotted.js
shared/text-anchor.js
shared/when.js
side-drawer/index.js
text/index.js
tooltip/index.js

29

badge/index.js

@@ -1,8 +0,11 @@

import '../shared/index.js';
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index2.js';
import '../icon/index.js';
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
import '../shared/web.dom-collections.iterator.js';
import { P as PrefixOrSuffix, p as prefixOrSuffixTemplate } from '../shared/affix.js';
import { A as AffixIconWithTrailing, a as affixIconTemplateFactory } from '../shared/affix.js';
import { a as applyMixins } from '../shared/apply-mixins.js';
import { s as styleInject } from '../shared/style-inject.es.js';
import { c as classNames } from '../shared/class-names.js';
import '../shared/icon.js';
import '../shared/_has.js';
import '../shared/when.js';

@@ -25,7 +28,9 @@ class Badge extends FoundationElement {

__decorate([attr, __metadata("design:type", Object)], Badge.prototype, "text", void 0);
__decorate([attr({
mode: 'fromView'
}), __metadata("design:type", Object)], Badge.prototype, "text", void 0);
applyMixins(Badge, PrefixOrSuffix);
applyMixins(Badge, AffixIconWithTrailing);
var css_248z = "/*\n Do not edit directly\n Generated on Sun, 23 Jan 2022 11:15:05 GMT\n*/\n.control.appearance-filled, .control:not(.appearance-outlined):not(.appearance-soft) {\n --appearance-color-fill: var(--connotation);\n --appearance-color-text: var(--on-connotation);\n}\n\n.control.appearance-outlined {\n --appearance-color-fill: transparent;\n --appearance-color-outline: var(--connotation);\n --appearance-color-text: var(--connotation-contrast);\n}\n\n.control.appearance-soft {\n --appearance-color-fill: var(--connotation-soft);\n --appearance-color-text: var(--connotation-contrast);\n}\n\n.control {\n font: 600 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n background-color: var(--appearance-color-fill);\n box-shadow: inset 0 0 0 1px var(--appearance-color-outline);\n color: var(--appearance-color-text);\n column-gap: 8px;\n vertical-align: middle;\n}\n.control:not(.connotation-cta):not(.connotation-success):not(.connotation-alert):not(.connotation-warning):not(.connotation-info) {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n --connotation-soft: var(--vvd-color-neutral-20);\n --connotation-contrast: var(--vvd-color-primary);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n --connotation-soft: var(--vvd-color-cta-20);\n --connotation-contrast: var(--vvd-color-cta-90);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n --connotation-soft: var(--vvd-color-success-20);\n --connotation-contrast: var(--vvd-color-success-90);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n --connotation-soft: var(--vvd-color-alert-20);\n --connotation-contrast: var(--vvd-color-alert-90);\n}\n\n.control.connotation-warning {\n --connotation: var(--vvd-color-warning);\n --on-connotation: var(--vvd-color-on-warning);\n --connotation-soft: var(--vvd-color-warning-20);\n --connotation-contrast: var(--vvd-color-warning-90);\n}\n\n.control.connotation-info {\n --connotation: var(--vvd-color-info);\n --on-connotation: var(--vvd-color-on-info);\n --connotation-soft: var(--vvd-color-info-20);\n --connotation-contrast: var(--vvd-color-info-90);\n}\n\n/* Size */\n.control:not(.size-base-small):not(.size-base-large) {\n block-size: 24px;\n padding-inline: 10px;\n}\n\n.control.size-base-small {\n block-size: 20px;\n padding-inline: 8px;\n}\n\n.control.size-base-large {\n block-size: 28px;\n padding-inline: 12px;\n}\n\n/* Shape */\n.control:not(.shape-pill) {\n border-radius: 4px;\n}\n\n.control.shape-pill {\n border-radius: 14px;\n}\n\n/* Icon */\n.icon.icon-trailing {\n order: 1;\n}";
var css_248z = "/*\n Do not edit directly\n Generated on Sun, 23 Jan 2022 11:15:05 GMT\n*/\n.control {\n font: 600 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n background-color: var(--_appearance-color-fill);\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n color: var(--_appearance-color-text);\n column-gap: 8px;\n vertical-align: middle;\n}\n.control:not(.connotation-cta):not(.connotation-success):not(.connotation-alert):not(.connotation-warning):not(.connotation-info) {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n --connotation-soft: var(--vvd-color-neutral-20);\n --connotation-contrast: var(--vvd-color-neutral-90);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n --connotation-soft: var(--vvd-color-cta-20);\n --connotation-contrast: var(--vvd-color-cta-90);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n --connotation-soft: var(--vvd-color-success-20);\n --connotation-contrast: var(--vvd-color-success-90);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n --connotation-soft: var(--vvd-color-alert-20);\n --connotation-contrast: var(--vvd-color-alert-90);\n}\n\n.control.connotation-warning {\n --connotation: var(--vvd-color-warning);\n --on-connotation: var(--vvd-color-on-warning);\n --connotation-soft: var(--vvd-color-warning-20);\n --connotation-contrast: var(--vvd-color-warning-90);\n}\n\n.control.connotation-info {\n --connotation: var(--vvd-color-info);\n --on-connotation: var(--vvd-color-on-info);\n --connotation-soft: var(--vvd-color-info-20);\n --connotation-contrast: var(--vvd-color-info-90);\n}\n\n.control {\n --_appearance-color-text: var(--on-connotation);\n --_appearance-color-fill: var(--connotation);\n --_appearance-color-outline: transaprent;\n}\n.control.appearance-outlined {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: var(--connotation);\n}\n.control.appearance-subtle {\n --_appearance-color-text: var(--connotation-contrast);\n --_appearance-color-fill: var(--connotation-soft);\n --_appearance-color-outline: transaprent;\n}\n\n/* Size */\n.control:not(.size-base-small):not(.size-base-large) {\n block-size: 24px;\n padding-inline: 10px;\n}\n\n.control.size-base-small {\n block-size: 20px;\n padding-inline: 8px;\n}\n\n.control.size-base-large {\n block-size: 28px;\n padding-inline: 12px;\n}\n\n/* Shape */\n.control:not(.shape-pill) {\n border-radius: 4px;\n}\n\n.control.shape-pill {\n border-radius: 14px;\n}\n\n/* Icon */\n.icon-trailing .icon {\n order: 1;\n}";
styleInject(css_248z);

@@ -40,10 +45,14 @@

shape,
size
}) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [`appearance-${appearance}`, Boolean(appearance)], [`shape-${shape}`, Boolean(shape)], [`size-${size}`, Boolean(size)]);
size,
iconTrailing
}) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [`appearance-${appearance}`, Boolean(appearance)], [`shape-${shape}`, Boolean(shape)], [`size-${size}`, Boolean(size)], ['icon-trailing', iconTrailing]);
const badgeTemplate = context => html(_t || (_t = _`
const badgeTemplate = context => {
const affixIconTemplate = affixIconTemplateFactory(context);
return html(_t || (_t = _`
<span class="${0}">
${0}
${0}
</span>`), getClasses, () => prefixOrSuffixTemplate(context), x => x.text);
</span>`), getClasses, x => affixIconTemplate(x.icon), x => x.text);
};

@@ -50,0 +59,0 @@ const VIVIDBadge = Badge.compose({

20

breadcrumb-item/index.js

@@ -1,13 +0,17 @@

import { _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index2.js';
import '../icon/index.js';
import { _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
import { s as styleInject } from '../shared/style-inject.es.js';
import { B as BreadcrumbItem$1 } from '../shared/breadcrumb-item.js';
import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
import { w as when } from '../shared/index.js';
import { w as when } from '../shared/when.js';
import { c as classNames } from '../shared/class-names.js';
import '../shared/icon.js';
import '../shared/web.dom-collections.iterator.js';
import '../shared/_has.js';
import '../shared/anchor.js';
import '../shared/apply-mixins.js';
import '../shared/anchor.js';
import '../shared/aria-global.js';
import '../shared/web.dom-collections.iterator.js';
import '../shared/affix.js';
var css_248z = "/*\n Do not edit directly\n Generated on Sun, 23 Jan 2022 11:15:05 GMT\n*/\n.breadcrumb-item {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n display: flex;\n align-items: center;\n color: var(--vvd-color-neutral-70);\n}\n.breadcrumb-item a {\n color: var(--vvd-color-cta-70);\n text-decoration: none;\n}\n.breadcrumb-item a:hover {\n text-decoration: underline;\n}\n.breadcrumb-item vwc-icon {\n margin: 0 16px;\n color: var(--vvd-color-on-canvas);\n}";
var css_248z = "/*\n Do not edit directly\n Generated on Sun, 23 Jan 2022 11:15:05 GMT\n*/\n.breadcrumb-item {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n display: flex;\n align-items: center;\n color: var(--vvd-color-neutral-70);\n}\n.breadcrumb-item a {\n color: var(--vvd-color-cta-70);\n font: inherit;\n text-decoration: none;\n}\n.breadcrumb-item a:hover {\n text-decoration: underline;\n}\n.breadcrumb-item vwc-icon {\n margin: 0 16px;\n color: var(--vvd-color-on-canvas);\n}";
styleInject(css_248z);

@@ -23,3 +27,5 @@

__decorate([attr, __metadata("design:type", String)], BreadcrumbItem.prototype, "text", void 0);
__decorate([attr({
mode: 'fromView'
}), __metadata("design:type", String)], BreadcrumbItem.prototype, "text", void 0);

@@ -41,3 +47,3 @@ let _2 = t => t,

${0}
</div>`), getClasses, when(x => x.text && !x.href, html(_t2 || (_t2 = _2`${0}`), x => x.text)), when(x => x.text && x.href && x.href.length > 0, html(_t3 || (_t3 = _2`${0}`), textAnchorTemplate())), when(x => x.separator, html(_t4 || (_t4 = _2`<vwc-icon type="chevron-right-line"></vwc-icon>`))));
</div>`), getClasses, when(x => x.text && !x.href, html(_t2 || (_t2 = _2`${0}`), x => x.text)), when(x => x.text && x.href && x.href.length > 0, html(_t3 || (_t3 = _2`${0}`), textAnchorTemplate(context))), when(x => x.separator, html(_t4 || (_t4 = _2`<vwc-icon type="chevron-right-line"></vwc-icon>`))));

@@ -44,0 +50,0 @@ const vividBreadcrumbItem = BreadcrumbItem.compose({

160

breadcrumb/index.js

@@ -1,125 +0,10 @@

import { O as Observable, e as emptyArray, A as AttachedBehaviorHTMLDirective, h as html, F as FoundationElement, _ as __decorate, o as observable, d as designSystem } from '../shared/index2.js';
import { h as html, F as FoundationElement, _ as __decorate, o as observable, d as designSystem } from '../shared/index.js';
import { s as styleInject } from '../shared/style-inject.es.js';
import { B as BreadcrumbItem } from '../shared/breadcrumb-item.js';
import { s as slotted, e as elements } from '../shared/slotted.js';
import '../shared/anchor.js';
import '../shared/apply-mixins.js';
import '../shared/anchor.js';
import '../shared/aria-global.js';
/**
* Creates a function that can be used to filter a Node array, selecting only elements.
* @param selector - An optional selector to restrict the filter to.
* @public
*/
function elements(selector) {
if (selector) {
return function (value, index, array) {
return value.nodeType === 1 && value.matches(selector);
};
}
return function (value, index, array) {
return value.nodeType === 1;
};
}
/**
* A base class for node observation.
* @internal
*/
class NodeObservationBehavior {
/**
* Creates an instance of NodeObservationBehavior.
* @param target - The target to assign the nodes property on.
* @param options - The options to use in configuring node observation.
*/
constructor(target, options) {
this.target = target;
this.options = options;
this.source = null;
}
/**
* Bind this behavior to the source.
* @param source - The source to bind to.
* @param context - The execution context that the binding is operating within.
*/
bind(source) {
const name = this.options.property;
this.shouldUpdate = Observable.getAccessors(source).some((x) => x.name === name);
this.source = source;
this.updateTarget(this.computeNodes());
if (this.shouldUpdate) {
this.observe();
}
}
/**
* Unbinds this behavior from the source.
* @param source - The source to unbind from.
*/
unbind() {
this.updateTarget(emptyArray);
this.source = null;
if (this.shouldUpdate) {
this.disconnect();
}
}
/** @internal */
handleEvent() {
this.updateTarget(this.computeNodes());
}
computeNodes() {
let nodes = this.getNodes();
if (this.options.filter !== void 0) {
nodes = nodes.filter(this.options.filter);
}
return nodes;
}
updateTarget(value) {
this.source[this.options.property] = value;
}
}
/**
* The runtime behavior for slotted node observation.
* @public
*/
class SlottedBehavior extends NodeObservationBehavior {
/**
* Creates an instance of SlottedBehavior.
* @param target - The slot element target to observe.
* @param options - The options to use when observing the slot.
*/
constructor(target, options) {
super(target, options);
}
/**
* Begins observation of the nodes.
*/
observe() {
this.target.addEventListener("slotchange", this);
}
/**
* Disconnects observation of the nodes.
*/
disconnect() {
this.target.removeEventListener("slotchange", this);
}
/**
* Retrieves the nodes that should be assigned to the target.
*/
getNodes() {
return this.target.assignedNodes(this.options);
}
}
/**
* A directive that observes the `assignedNodes()` of a slot and updates a property
* whenever they change.
* @param propertyOrOptions - The options used to configure slotted node observation.
* @public
*/
function slotted(propertyOrOptions) {
if (typeof propertyOrOptions === "string") {
propertyOrOptions = { property: propertyOrOptions };
}
return new AttachedBehaviorHTMLDirective("fast-slotted", SlottedBehavior, propertyOrOptions);
}
/**
* The template for the {@link @microsoft/fast-foundation#Breadcrumb} component.

@@ -151,18 +36,15 @@ * @public

const lastNode = this.slottedBreadcrumbItems[this.slottedBreadcrumbItems.length - 1];
this.setItemSeparator(lastNode);
this.setLastItemAriaCurrent(lastNode);
this.slottedBreadcrumbItems.forEach((item) => {
const itemIsLastNode = item === lastNode;
this.setItemSeparator(item, itemIsLastNode);
this.setAriaCurrent(item, itemIsLastNode);
});
}
}
setItemSeparator(lastNode) {
this.slottedBreadcrumbItems.forEach((item) => {
if (item instanceof BreadcrumbItem) {
item.separator = true;
}
});
if (lastNode instanceof BreadcrumbItem) {
lastNode.separator = false;
setItemSeparator(item, isLastNode) {
if (item instanceof BreadcrumbItem) {
item.separator = !isLastNode;
}
}
/**
* @internal
* Finds href on childnodes in the light DOM or shadow DOM.

@@ -183,13 +65,19 @@ * We look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.

/**
* If child node with an anchor tag and with href is found then apply aria-current to child node otherwise apply aria-current to the host element, with an href
* Sets ARIA Current for the current node
* If child node with an anchor tag and with href is found then set aria-current to correct value for the child node,
* otherwise apply aria-current to the host element, with an href
*/
setLastItemAriaCurrent(lastNode) {
const childNodeWithHref = this.findChildWithHref(lastNode);
setAriaCurrent(item, isLastNode) {
const childNodeWithHref = this.findChildWithHref(item);
if (childNodeWithHref === null &&
lastNode.hasAttribute("href") &&
lastNode instanceof BreadcrumbItem) {
lastNode.ariaCurrent = "page";
item.hasAttribute("href") &&
item instanceof BreadcrumbItem) {
isLastNode
? item.setAttribute("aria-current", "page")
: item.removeAttribute("aria-current");
}
else if (childNodeWithHref !== null) {
childNodeWithHref.setAttribute("aria-current", "page");
isLastNode
? childNodeWithHref.setAttribute("aria-current", "page")
: childNodeWithHref.removeAttribute("aria-current");
}

@@ -196,0 +84,0 @@ }

39

button/index.js

@@ -1,6 +0,6 @@

import '../shared/index.js';
import { F as Focus } from '../shared/index3.js';
import { e as emptyArray, D as DOM, a as attr, o as observable, F as FoundationElement, _ as __decorate, b as __metadata, h as html, d as designSystem } from '../shared/index2.js';
import '../icon/index.js';
import { F as Focus } from '../shared/index2.js';
import { e as emptyArray, D as DOM, a as attr, o as observable, F as FoundationElement, _ as __decorate, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
import '../shared/web.dom-collections.iterator.js';
import { P as PrefixOrSuffix, p as prefixOrSuffixTemplate } from '../shared/affix.js';
import { A as AffixIconWithTrailing, a as affixIconTemplateFactory } from '../shared/affix.js';
import { a as applyMixins } from '../shared/apply-mixins.js';

@@ -10,2 +10,5 @@ import { A as ARIAGlobalStatesAndProperties, S as StartEnd, r as ref } from '../shared/aria-global.js';

import { c as classNames } from '../shared/class-names.js';
import '../shared/icon.js';
import '../shared/_has.js';
import '../shared/when.js';

@@ -97,3 +100,3 @@ /**

"setFormValue" in window[ElementInternalsKey].prototype;
const InternalsMap = new Map();
const InternalsMap = new WeakMap();
/**

@@ -644,6 +647,6 @@ * Base function for providing Custom Element Form Association.

__decorate([
attr({ attribute: "aria-expanded", mode: "fromView" })
attr({ attribute: "aria-expanded" })
], DelegatesARIAButton.prototype, "ariaExpanded", void 0);
__decorate([
attr({ attribute: "aria-pressed", mode: "fromView" })
attr({ attribute: "aria-pressed" })
], DelegatesARIAButton.prototype, "ariaPressed", void 0);

@@ -669,7 +672,9 @@ applyMixins(DelegatesARIAButton, ARIAGlobalStatesAndProperties);

__decorate([attr, __metadata("design:type", Object)], Button.prototype, "label", void 0);
__decorate([attr({
mode: 'fromView'
}), __metadata("design:type", Object)], Button.prototype, "label", void 0);
applyMixins(Button, PrefixOrSuffix);
applyMixins(Button, AffixIconWithTrailing);
var css_248z = "/*\n Do not edit directly\n Generated on Sun, 23 Jan 2022 11:15:05 GMT\n*/\n.control.appearance-filled {\n --appearance-color-fill: var(--connotation);\n --appearance-color-text: var(--on-connotation);\n}\n\n.control.appearance-outlined {\n --appearance-color-fill: transparent;\n --appearance-color-outline: var(--connotation-diverse);\n --appearance-color-text: var(--connotation-diverse);\n}\n\n.control.appearance-ghost,\n.control:not(.appearance-filled):not(.appearance-filled-idle):not(.appearance-outlined):not(.appearance-outlined-idle):not(.appearance-ghost-idle) {\n --appearance-color-fill: transparent;\n --appearance-color-text: var(--connotation-diverse);\n}\n\n.control.appearance-filled-idle {\n --appearance-color-fill: var(--vvd-color-neutral-10);\n --appearance-color-text: var(--vvd-color-neutral-30);\n}\n\n.control.appearance-outlined-idle {\n --appearance-color-fill: transparent;\n --appearance-color-outline: var(--vvd-color-neutral-30);\n --appearance-color-text: var(--vvd-color-neutral-30);\n}\n\n.control.appearance-ghost-idle {\n --appearance-color-fill: transparent;\n --appearance-color-text: var(--vvd-color-neutral-30);\n}\n\n:host {\n outline: 0 none;\n}\n\n.control {\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n border: 0 none;\n background-color: var(--appearance-color-fill);\n block-size: var(--button-block-size);\n box-shadow: inset 0 0 0 1px var(--appearance-color-outline);\n color: var(--appearance-color-text);\n outline: 0 none;\n vertical-align: middle;\n}\n.control:not(.connotation-cta):not(.connotation-success):not(.connotation-alert) {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n --connotation-diverse: var(--vvd-color-primary);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n --connotation-diverse: var(--vvd-color-cta-70);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n --connotation-diverse: var(--vvd-color-success-70);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n --connotation-diverse: var(--vvd-color-alert-70);\n}\n\n.control.icon-only {\n padding-inline: 0;\n place-content: center;\n}\n@supports (aspect-ratio: 1) {\n .control.icon-only {\n aspect-ratio: 1;\n }\n}\n@supports not (aspect-ratio: 1) {\n .control.icon-only {\n inline-size: var(--button-block-size);\n }\n}\n\n/* Size */\n.control.size-base-small {\n --button-block-size: 32px;\n font: 600 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.size-base-small:not(.icon-only) {\n --button-icon-gap: 8px;\n padding-inline: 12px;\n}\n.control.size-base-small .icon {\n font-size: 16px;\n}\n\n.control.size-base-large {\n --button-block-size: 48px;\n font: 600 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.size-base-large:not(.icon-only) {\n --button-icon-gap: 10px;\n padding-inline: 20px;\n}\n.control.size-base-large .icon {\n font-size: 24px;\n}\n\n.control:not(.size-base-small):not(.size-base-large) {\n --button-block-size: 40px;\n font: 600 ultra-condensed 14px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control:not(.size-base-small):not(.size-base-large):not(.icon-only) {\n --button-icon-gap: 8px;\n padding-inline: 16px;\n}\n.control:not(.size-base-small):not(.size-base-large) .icon {\n font-size: 20px;\n}\n\n/* Shape */\n.control:not(.shape-pill) {\n border-radius: 6px;\n}\n\n.control.shape-pill:not(.icon-only) {\n border-radius: 24px;\n}\n.control.shape-pill.icon-only {\n border-radius: 50%;\n}\n\n/* Icon */\n.icon:not(.icon-trailing) {\n margin-inline-end: var(--button-icon-gap);\n}\n.icon.icon-trailing {\n order: 1;\n margin-inline-start: var(--button-icon-gap);\n}\n\n:not(:focus) .focus-indicator {\n display: none;\n}\n.appearance-outlined .focus-indicator, .appearance-ghost .focus-indicator {\n --focus-stroke-gap-color: transparent;\n}";
var css_248z = "/*\n Do not edit directly\n Generated on Sun, 23 Jan 2022 11:15:05 GMT\n*/\n:host {\n outline: 0 none;\n}\n\n.control {\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n border: 0 none;\n background-color: var(--_appearance-color-fill);\n block-size: var(--button-block-size);\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n color: var(--_appearance-color-text);\n cursor: pointer;\n outline: 0 none;\n vertical-align: middle;\n}\n.control:not(.connotation-cta):not(.connotation-success):not(.connotation-alert) {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n --connotation-diverse: var(--vvd-color-neutral-70);\n --connotation-contrast: var(--vvd-color-neutral-90);\n --connotation-soft: var(--vvd-color-neutral-20);\n --connotation-pale: var(--vvd-color-neutral-10);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n --connotation-diverse: var(--vvd-color-cta-70);\n --connotation-contrast: var(--vvd-color-cta-90);\n --connotation-soft: var(--vvd-color-cta-20);\n --connotation-pale: var(--vvd-color-cta-10);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n --connotation-diverse: var(--vvd-color-success-70);\n --connotation-contrast: var(--vvd-color-success-90);\n --connotation-soft: var(--vvd-color-success-20);\n --connotation-pale: var(--vvd-color-success-10);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n --connotation-diverse: var(--vvd-color-alert-70);\n --connotation-contrast: var(--vvd-color-alert-90);\n --connotation-soft: var(--vvd-color-alert-20);\n --connotation-pale: var(--vvd-color-alert-10);\n}\n\n.control.appearance-filled {\n --_appearance-color-text: var(--on-connotation);\n --_appearance-color-fill: var(--connotation);\n --_appearance-color-outline: transaprent;\n}\n.control.appearance-outlined {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: var(--connotation);\n}\n.control {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: transaprent;\n}\n.control:hover.appearance-filled, .control.hovered.appearance-filled {\n --_appearance-color-text: var(--on-connotation);\n --_appearance-color-fill: var(--connotation-diverse);\n --_appearance-color-outline: transaprent;\n}\n.control:hover.appearance-outlined, .control.hovered.appearance-outlined {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: var(--connotation-pale);\n --_appearance-color-outline: var(--connotation);\n}\n.control:hover, .control.hovered {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: var(--connotation-pale);\n --_appearance-color-outline: transaprent;\n}\n.control:disabled.appearance-filled, .control.disabled.appearance-filled {\n --_appearance-color-text: var(--vvd-color-neutral-30);\n --_appearance-color-fill: var(--vvd-color-neutral-10);\n --_appearance-color-outline: transaprent;\n}\n.control:disabled.appearance-outlined, .control.disabled.appearance-outlined {\n --_appearance-color-text: var(--vvd-color-neutral-30);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: var(--vvd-color-neutral-30);\n}\n.control:disabled, .control.disabled {\n --_appearance-color-text: var(--vvd-color-neutral-30);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: transaprent;\n}\n.control:active.appearance-filled, .control.active.appearance-filled {\n --_appearance-color-text: var(--on-connotation);\n --_appearance-color-fill: var(--connotation-contrast);\n --_appearance-color-outline: transaprent;\n}\n.control:active.appearance-outlined, .control.active.appearance-outlined {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: var(--connotation-soft);\n --_appearance-color-outline: var(--connotation);\n}\n.control:active, .control.active {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: var(--connotation-soft);\n --_appearance-color-outline: transaprent;\n}\n.control.icon-only {\n padding-inline: 0;\n place-content: center;\n}\n@supports (aspect-ratio: 1) {\n .control.icon-only {\n aspect-ratio: 1;\n }\n}\n@supports not (aspect-ratio: 1) {\n .control.icon-only {\n inline-size: var(--button-block-size);\n }\n}\n\n/* Size */\n.control.size-base-small {\n --button-block-size: 32px;\n font: 600 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.size-base-small:not(.icon-only) {\n --button-icon-gap: 8px;\n padding-inline: 12px;\n}\n.control.size-base-small .icon {\n font-size: 16px;\n}\n\n.control.size-base-large {\n --button-block-size: 48px;\n font: 600 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.size-base-large:not(.icon-only) {\n --button-icon-gap: 10px;\n padding-inline: 20px;\n}\n.control.size-base-large .icon {\n font-size: 24px;\n}\n\n.control:not(.size-base-small):not(.size-base-large) {\n --button-block-size: 40px;\n font: 600 ultra-condensed 14px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control:not(.size-base-small):not(.size-base-large):not(.icon-only) {\n --button-icon-gap: 8px;\n padding-inline: 16px;\n}\n.control:not(.size-base-small):not(.size-base-large) .icon {\n font-size: 20px;\n}\n\n/* Shape */\n.control:not(.shape-pill) {\n border-radius: 6px;\n}\n\n.control.shape-pill:not(.icon-only) {\n border-radius: 24px;\n}\n.control.shape-pill.icon-only {\n border-radius: 50%;\n}\n\n/* Icon */\n:not(.icon-trailing) .icon {\n margin-inline-end: var(--button-icon-gap);\n}\n.icon-trailing .icon {\n order: 1;\n margin-inline-start: var(--button-icon-gap);\n}\n\n:not(:focus) .focus-indicator {\n display: none;\n}\n.appearance-outlined .focus-indicator, .appearance-ghost .focus-indicator {\n --focus-stroke-gap-color: transparent;\n}";
styleInject(css_248z);

@@ -683,3 +688,3 @@

let className = `appearance-${appearance}`;
disabled && (className += '-idle');
disabled && (className += ' disabled');
return className;

@@ -695,4 +700,5 @@ };

label,
disabled
}) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [getAppearanceClassName(appearance, disabled), Boolean(appearance)], [`shape-${shape}`, Boolean(shape)], [`size-${size}`, Boolean(size)], ['icon-only', !label && !!icon]);
disabled,
iconTrailing
}) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [getAppearanceClassName(appearance, disabled), Boolean(appearance)], [`shape-${shape}`, Boolean(shape)], [`size-${size}`, Boolean(size)], ['icon-only', !label && !!icon], ['icon-trailing', iconTrailing]);

@@ -704,3 +710,5 @@ const focusTemplate = context => {

const buttonTemplate = context => html(_t2 || (_t2 = _`
const buttonTemplate = context => {
const affixIconTemplate = affixIconTemplateFactory(context);
return html(_t2 || (_t2 = _`
<button

@@ -746,3 +754,4 @@ class="${0}"

</button>
`), getClasses, x => x.autofocus, x => x.disabled, x => x.formId, x => x.formaction, x => x.formenctype, x => x.formmethod, x => x.formnovalidate, x => x.formtarget, x => x.name, x => x.type, x => x.value, 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.ariaPressed, x => x.ariaRelevant, x => x.ariaRoledescription, ref('control'), () => focusTemplate(context), () => prefixOrSuffixTemplate(context), x => x.label);
`), getClasses, x => x.autofocus, x => x.disabled, x => x.formId, x => x.formaction, x => x.formenctype, x => x.formmethod, x => x.formnovalidate, x => x.formtarget, x => x.name, x => x.type, x => x.value, 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.ariaPressed, x => x.ariaRelevant, x => x.ariaRoledescription, ref('control'), () => focusTemplate(context), x => affixIconTemplate(x.icon), x => x.label);
};

@@ -749,0 +758,0 @@ const vividButton = Button.compose({

17

elevation/index.js

@@ -1,17 +0,10 @@

import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index2.js';
import '../shared/web.dom-collections.iterator.js';
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
import { s as styleInject } from '../shared/style-inject.es.js';
import { c as classNames } from '../shared/class-names.js';
class Elevation extends FoundationElement {
constructor() {
super(...arguments);
this.dp = 2;
}
class Elevation extends FoundationElement {}
}
__decorate([attr, __metadata("design:type", Number)], Elevation.prototype, "dp", void 0);
__decorate([attr, __metadata("design:type", Object)], Elevation.prototype, "dp", void 0);
var css_248z = ".dp-0:not(.dp-2):not(.dp-4):not(.dp-8):not(.dp-12):not(.dp-16):not(.dp-24) {\n background-color: var(--vvd-color-surface-0dp);\n filter: var(--vvd-shadow-surface-0dp);\n}\n\n.dp-2:not(.dp-0):not(.dp-4):not(.dp-8):not(.dp-12):not(.dp-16):not(.dp-24) {\n background-color: var(--vvd-color-surface-2dp);\n filter: var(--vvd-shadow-surface-2dp);\n}\n\n.dp-4:not(.dp-0):not(.dp-2):not(.dp-8):not(.dp-12):not(.dp-16):not(.dp-24) {\n background-color: var(--vvd-color-surface-4dp);\n filter: var(--vvd-shadow-surface-4dp);\n}\n\n.dp-8:not(.dp-0):not(.dp-2):not(.dp-4):not(.dp-12):not(.dp-16):not(.dp-24) {\n background-color: var(--vvd-color-surface-8dp);\n filter: var(--vvd-shadow-surface-8dp);\n}\n\n.dp-12:not(.dp-0):not(.dp-2):not(.dp-4):not(.dp-8):not(.dp-16):not(.dp-24) {\n background-color: var(--vvd-color-surface-12dp);\n filter: var(--vvd-shadow-surface-12dp);\n}\n\n.dp-16:not(.dp-0):not(.dp-2):not(.dp-4):not(.dp-8):not(.dp-12):not(.dp-24) {\n background-color: var(--vvd-color-surface-16dp);\n filter: var(--vvd-shadow-surface-16dp);\n}\n\n.dp-24:not(.dp-0):not(.dp-2):not(.dp-4):not(.dp-8):not(.dp-12):not(.dp-16) {\n background-color: var(--vvd-color-surface-24dp);\n filter: var(--vvd-shadow-surface-24dp);\n}\n\n.control {\n --elevation-border-radius: 6px;\n border-radius: var(--elevation-border-radius);\n}";
var css_248z = ".control.dp-0 ::slotted(*) {\n background-color: var(--vvd-color-surface-0dp);\n filter: var(--vvd-shadow-surface-0dp);\n}\n.control.dp-2 ::slotted(*) {\n background-color: var(--vvd-color-surface-2dp);\n filter: var(--vvd-shadow-surface-2dp);\n}\n.control.dp-4 ::slotted(*) {\n background-color: var(--vvd-color-surface-4dp);\n filter: var(--vvd-shadow-surface-4dp);\n}\n.control.dp-8 ::slotted(*) {\n background-color: var(--vvd-color-surface-8dp);\n filter: var(--vvd-shadow-surface-8dp);\n}\n.control.dp-12 ::slotted(*) {\n background-color: var(--vvd-color-surface-12dp);\n filter: var(--vvd-shadow-surface-12dp);\n}\n.control.dp-16 ::slotted(*) {\n background-color: var(--vvd-color-surface-16dp);\n filter: var(--vvd-shadow-surface-16dp);\n}\n.control.dp-24 ::slotted(*) {\n background-color: var(--vvd-color-surface-24dp);\n filter: var(--vvd-shadow-surface-24dp);\n}\n.control:not(.dp-0, .dp-4, .dp-8, .dp-12, .dp-16, .dp-24) ::slotted(*) {\n background-color: var(--vvd-color-surface-2dp);\n filter: var(--vvd-shadow-surface-2dp);\n}";
styleInject(css_248z);

@@ -27,3 +20,3 @@

const elevationTemplate = () => html(_t || (_t = _`
<div class="${0}">
<div class="${0}" part="base">
<slot></slot>

@@ -30,0 +23,0 @@ </div>`), getClasses);

4

focus/index.js

@@ -1,3 +0,3 @@

import '../shared/index2.js';
export { V as VIVIDFocus } from '../shared/index3.js';
import '../shared/index.js';
export { V as VIVIDFocus } from '../shared/index2.js';
import '../shared/style-inject.es.js';

37

icon/index.js

@@ -1,5 +0,34 @@

import '../shared/index2.js';
export { v as vividIcon } from '../shared/index.js';
import '../shared/style-inject.es.js';
import { h as html, d as designSystem } from '../shared/index.js';
import { s as styleInject } from '../shared/style-inject.es.js';
import { I as Icon } from '../shared/icon.js';
import { w as when } from '../shared/when.js';
import { c as classNames } from '../shared/class-names.js';
import '../shared/web.dom-collections.iterator.js';
import '../shared/class-names.js';
import '../shared/_has.js';
var css_248z = ":host {\n display: inline-block;\n vertical-align: sub;\n}\n\n.control {\n display: flex;\n margin: unset;\n color: currentColor;\n contain: strict;\n}\n.control.connotation-primary {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n}\n\n.control.connotation-announcement {\n --connotation: var(--vvd-color-announcement);\n --on-connotation: var(--vvd-color-on-announcement);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n}\n\n.control.connotation-info {\n --connotation: var(--vvd-color-info);\n --on-connotation: var(--vvd-color-on-info);\n}\n\n.control[class*=connotation] {\n color: var(--connotation);\n}\n\nsvg {\n margin: auto;\n block-size: inherit;\n inline-size: inherit;\n}\n\n/* Size */\n.control:not(.size-base-small):not(.size-base):not(.size-base-large) {\n block-size: 1em;\n inline-size: 1em;\n}\n\n.control.size-base-small {\n block-size: 16px;\n inline-size: 16px;\n}\n\n.control.size-base {\n block-size: 24px;\n inline-size: 24px;\n}\n\n.control.size-base-large {\n block-size: 32px;\n inline-size: 32px;\n}";
styleInject(css_248z);
let _ = t => t,
_t,
_t2;
const getClasses = ({
connotation,
size
}) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [`size-${size}`, Boolean(size)]);
const iconTemplate = () => html(_t || (_t = _`
<figure class="${0}">
${0}
</figure>
`), getClasses, when(x => x.svg, x => html(_t2 || (_t2 = _`${0}`), x.svg)));
const vividIcon = Icon.compose({
baseName: 'icon',
template: iconTemplate,
styles: css_248z
});
designSystem.register(vividIcon());
export { vividIcon };

1

index.d.ts
export * from './lib/components';
export * from './shared/design-system';

21

index.js
export { vividTextAnchor } from './text-anchor/index.js';
export { VIVIDBadge } from './badge/index.js';
export { vividButton } from './button/index.js';
export { V as VIVIDFocus } from './shared/index3.js';
export { v as vividIcon } from './shared/index.js';
export { V as VIVIDFocus } from './shared/index2.js';
export { vividIcon } from './icon/index.js';
export { VIVIDLayout } from './layout/index.js';

@@ -10,4 +10,15 @@ export { VIVIDElevation } from './elevation/index.js';

export { vividBreadcrumb } from './breadcrumb/index.js';
import './shared/index2.js';
export { VIVIDSideDrawer } from './side-drawer/index.js';
export { vividCalendar } from './calendar/index.js';
export { VIVIDPopup } from './popup/index.js';
export { vividTooltip } from './tooltip/index.js';
export { vividBanner } from './banner/index.js';
export { vividAccordionItem } from './accordion-item/index.js';
export { vividAccordion } from './accordion/index.js';
export { d as designSystem, p as provideVividDesignSystem } from './shared/index.js';
import './shared/text-anchor.js';
import './shared/web.dom-collections.iterator.js';
import './shared/affix.js';
import './shared/icon.js';
import './shared/_has.js';
import './shared/anchor.js';

@@ -18,4 +29,6 @@ import './shared/apply-mixins.js';

import './shared/class-names.js';
import './shared/affix.js';
import './shared/style-inject.es.js';
import './shared/when.js';
import './shared/breadcrumb-item.js';
import './shared/slotted.js';
import './shared/es.object.assign.js';

2

layout/index.js

@@ -1,2 +0,2 @@

import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index2.js';
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
import { s as styleInject } from '../shared/style-inject.es.js';

@@ -3,0 +3,0 @@ import { c as classNames } from '../shared/class-names.js';

6

lib/badge/badge.d.ts
import { FoundationElement } from '@microsoft/fast-foundation';
import { PrefixOrSuffix } from '../../shared/patterns/affix';
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
import type { Appearance, Connotation, Shape, Size } from '../enums.js';
declare type BadgeConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Info>;
declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Soft>;
declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Subtle>;
declare type BadgeShape = Extract<Shape, Shape.Rounded | Shape.Pill>;

@@ -15,4 +15,4 @@ declare type BadgeSize = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;

}
export interface Badge extends PrefixOrSuffix {
export interface Badge extends AffixIconWithTrailing {
}
export {};

1

lib/breadcrumb-item/breadcrumb-item.template.d.ts
import type { ViewTemplate } from '@microsoft/fast-element';
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
import type { BreadcrumbItem } from './breadcrumb-item';
import '../icon';
export declare const BreadcrumbItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<BreadcrumbItem>;

1

lib/breadcrumb-item/index.d.ts

@@ -0,2 +1,3 @@

import '../icon';
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
export declare const vividBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

6

lib/button/button.d.ts
import { Button as FoundationButton } from '@microsoft/fast-foundation';
import type { Appearance, Connotation, Shape, Size } from '../enums.js';
import { PrefixOrSuffix } from '../../shared/patterns/affix';
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
declare type ButtonConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert>;
export declare type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Soft>;
export declare type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
declare type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;

@@ -15,4 +15,4 @@ declare type ButtonSize = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;

}
export interface Button extends PrefixOrSuffix {
export interface Button extends AffixIconWithTrailing {
}
export {};

7

lib/components.d.ts

@@ -10,1 +10,8 @@ export * from './text-anchor';

export * from './breadcrumb';
export * from './side-drawer';
export * from './calendar';
export * from './popup';
export * from './tooltip';
export * from './banner';
export * from './accordion-item';
export * from './accordion';

2

lib/elevation/elevation.d.ts
import { FoundationElement } from '@microsoft/fast-foundation';
export declare class Elevation extends FoundationElement {
dp: number;
dp?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
}

5

lib/enums.d.ts

@@ -16,3 +16,4 @@ export declare enum Connotation {

Pill = "pill",
Circled = "circled"
Circled = "circled",
Sharp = "sharp"
}

@@ -23,3 +24,3 @@ export declare enum Appearance {

Outlined = "outlined",
Soft = "soft",
Subtle = "subtle",
Ghost = "ghost"

@@ -26,0 +27,0 @@ }

4

lib/icon/icon.d.ts

@@ -7,5 +7,3 @@ import { FoundationElement } from '@microsoft/fast-foundation';

size?: Size;
state: 'idle' | 'loading' | 'loaded' | 'fail';
svg: any;
placeholder: any;
svg: string;
type?: string;

@@ -12,0 +10,0 @@ typeChanged(): Promise<void>;

9

lib/sidenav-item/sidenav-item.d.ts

@@ -1,7 +0,6 @@

import { Anchor } from '@microsoft/fast-foundation';
import { Prefix } from '../../shared/patterns/affix';
export declare class SidenavItem extends Anchor {
text: string;
import { AffixIcon } from '../../shared/patterns/affix';
import { TextAnchor } from '../text-anchor/text-anchor';
export declare class SidenavItem extends TextAnchor {
}
export interface SidenavItem extends Prefix {
export interface SidenavItem extends AffixIcon {
}

3

lib/text-anchor/text-anchor.d.ts
import { Anchor } from '@microsoft/fast-foundation';
import { AffixIcon } from '../../shared/patterns/affix';
export declare class TextAnchor extends Anchor {
text: string;
}
export interface TextAnchor extends AffixIcon {
}

11

package.json
{
"name": "@vonage/vivid",
"version": "3.0.0-next.3",
"version": "3.0.0-next.4",
"main": "./index.umd.js",

@@ -8,8 +8,9 @@ "module": "./index.esm.js",

"dependencies": {
"@microsoft/fast-element": "^1.7.0",
"@microsoft/fast-foundation": "^2.33.3",
"@microsoft/fast-web-utilities": "^5.1.0",
"ramda": "^0.27.2"
"@microsoft/fast-element": "^1.9.0",
"@microsoft/fast-foundation": "^2.41.1",
"@microsoft/fast-web-utilities": "^5.2.0",
"ramda": "^0.27.2",
"@floating-ui/dom": "^0.4.0"
},
"peerDependencies": {}
}

35

shared/affix.js
import './web.dom-collections.iterator.js';
import { _ as __decorate, a as attr, b as __metadata, h as html } from './index2.js';
import { I as Icon } from './index.js';
import { c as classNames } from './class-names.js';
import { _ as __decorate, a as attr, b as __metadata, h as html } from './index.js';
import { I as Icon } from './icon.js';
let _ = t => t,
_t,
_t2,
_t3,
_t4;
class Prefix {}
_t;
class AffixIcon {}
__decorate([attr, __metadata("design:type", String)], Prefix.prototype, "icon", void 0);
__decorate([attr, __metadata("design:type", String)], AffixIcon.prototype, "icon", void 0);
class PrefixOrSuffix extends Prefix {
class AffixIconWithTrailing extends AffixIcon {
constructor() {

@@ -26,20 +22,9 @@ super(...arguments);

attribute: 'icon-trailing'
}), __metadata("design:type", Object)], PrefixOrSuffix.prototype, "iconTrailing", void 0);
}), __metadata("design:type", Object)], AffixIconWithTrailing.prototype, "iconTrailing", void 0);
const prefixTemplate = context => {
const affixIconTemplateFactory = context => {
const iconTag = context.tagFor(Icon);
const iconTemplate = html(_t || (_t = _`<span class="icon"><${0} :type="${0}"></${0}></span>`), iconTag, x => x.icon, iconTag);
return html(_t2 || (_t2 = _`${0}`), x => x.icon ? iconTemplate : '');
return icon => icon ? html(_t || (_t = _`<span class="icon"><${0} :type="${0}"></${0}></span>`), iconTag, () => icon, iconTag) : null;
};
const prefixOrSuffixTemplate = context => {
const iconTag = context.tagFor(Icon);
const classes = ({
iconTrailing
}) => classNames('icon', ['icon-trailing', iconTrailing]);
const iconTemplate = html(_t3 || (_t3 = _`<span class="${0}"><${0} :type="${0}"></${0}></span>`), classes, iconTag, x => x.icon, iconTag);
return html(_t4 || (_t4 = _`${0}`), x => x.icon ? iconTemplate : '');
};
export { PrefixOrSuffix as P, Prefix as a, prefixTemplate as b, prefixOrSuffixTemplate as p };
export { AffixIconWithTrailing as A, affixIconTemplateFactory as a, AffixIcon as b };

4

shared/anchor.js

@@ -1,2 +0,2 @@

import { F as FoundationElement, _ as __decorate, a as attr, o as observable } from './index2.js';
import { F as FoundationElement, _ as __decorate, a as attr, o as observable } from './index.js';
import { a as applyMixins } from './apply-mixins.js';

@@ -73,3 +73,3 @@ import { A as ARIAGlobalStatesAndProperties, S as StartEnd } from './aria-global.js';

__decorate([
attr({ attribute: "aria-expanded", mode: "fromView" })
attr({ attribute: "aria-expanded" })
], DelegatesARIALink.prototype, "ariaExpanded", void 0);

@@ -76,0 +76,0 @@ applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);

40

shared/aria-global.js

@@ -1,2 +0,2 @@

import { A as AttachedBehaviorHTMLDirective, h as html, _ as __decorate, a as attr } from './index2.js';
import { A as AttachedBehaviorHTMLDirective, h as html, _ as __decorate, a as attr } from './index.js';

@@ -99,59 +99,59 @@ /**

__decorate([
attr({ attribute: "aria-atomic", mode: "fromView" })
attr({ attribute: "aria-atomic" })
], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
__decorate([
attr({ attribute: "aria-busy", mode: "fromView" })
attr({ attribute: "aria-busy" })
], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
__decorate([
attr({ attribute: "aria-controls", mode: "fromView" })
attr({ attribute: "aria-controls" })
], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
__decorate([
attr({ attribute: "aria-current", mode: "fromView" })
attr({ attribute: "aria-current" })
], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
__decorate([
attr({ attribute: "aria-describedby", mode: "fromView" })
attr({ attribute: "aria-describedby" })
], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
__decorate([
attr({ attribute: "aria-details", mode: "fromView" })
attr({ attribute: "aria-details" })
], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
__decorate([
attr({ attribute: "aria-disabled", mode: "fromView" })
attr({ attribute: "aria-disabled" })
], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
__decorate([
attr({ attribute: "aria-errormessage", mode: "fromView" })
attr({ attribute: "aria-errormessage" })
], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
__decorate([
attr({ attribute: "aria-flowto", mode: "fromView" })
attr({ attribute: "aria-flowto" })
], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
__decorate([
attr({ attribute: "aria-haspopup", mode: "fromView" })
attr({ attribute: "aria-haspopup" })
], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
__decorate([
attr({ attribute: "aria-hidden", mode: "fromView" })
attr({ attribute: "aria-hidden" })
], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
__decorate([
attr({ attribute: "aria-invalid", mode: "fromView" })
attr({ attribute: "aria-invalid" })
], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
__decorate([
attr({ attribute: "aria-keyshortcuts", mode: "fromView" })
attr({ attribute: "aria-keyshortcuts" })
], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
__decorate([
attr({ attribute: "aria-label", mode: "fromView" })
attr({ attribute: "aria-label" })
], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
__decorate([
attr({ attribute: "aria-labelledby", mode: "fromView" })
attr({ attribute: "aria-labelledby" })
], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
__decorate([
attr({ attribute: "aria-live", mode: "fromView" })
attr({ attribute: "aria-live" })
], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
__decorate([
attr({ attribute: "aria-owns", mode: "fromView" })
attr({ attribute: "aria-owns" })
], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
__decorate([
attr({ attribute: "aria-relevant", mode: "fromView" })
attr({ attribute: "aria-relevant" })
], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
__decorate([
attr({ attribute: "aria-roledescription", mode: "fromView" })
attr({ attribute: "aria-roledescription" })
], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
export { ARIAGlobalStatesAndProperties as A, StartEnd as S, ref as r };

4

shared/breadcrumb-item.js

@@ -1,4 +0,4 @@

import { _ as __decorate, o as observable } from './index2.js';
import { _ as __decorate, o as observable } from './index.js';
import { A as Anchor, D as DelegatesARIALink } from './anchor.js';
import { a as applyMixins } from './apply-mixins.js';
import { A as Anchor, D as DelegatesARIALink } from './anchor.js';
import { S as StartEnd } from './aria-global.js';

@@ -5,0 +5,0 @@

7

shared/patterns/affix.d.ts
import type { ViewTemplate } from '@microsoft/fast-element';
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
export declare class Prefix {
export declare class AffixIcon {
icon?: string;
}
export declare class PrefixOrSuffix extends Prefix {
export declare class AffixIconWithTrailing extends AffixIcon {
iconTrailing: boolean;
}
export declare const prefixTemplate: (context: ElementDefinitionContext) => ViewTemplate<Prefix>;
export declare const prefixOrSuffixTemplate: (context: ElementDefinitionContext) => ViewTemplate<PrefixOrSuffix>;
export declare const affixIconTemplateFactory: (context: ElementDefinitionContext) => (icon?: string) => ViewTemplate<AffixIcon> | null;

19

shared/text-anchor.template.js

@@ -1,12 +0,17 @@

import { h as html } from './index2.js';
import { a as affixIconTemplateFactory } from './affix.js';
import { h as html } from './index.js';
import { r as ref } from './aria-global.js';
import { c as classNames } from './class-names.js';
let _2 = t => t,
let _ = t => t,
_t;
const getClasses = _ => classNames('control');
const getClasses = ({
text,
icon
}) => classNames('control', ['icon-only', !text && !!icon]);
const textAnchorTemplate = () => html(_t || (_t = _2`
<a
const textAnchorTemplate = context => {
const affixIconTemplate = affixIconTemplateFactory(context);
return html(_t || (_t = _`<a
class="${0}"

@@ -44,5 +49,7 @@ download="${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);
`), 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 => affixIconTemplate(x.icon), x => x.text);
};
export { textAnchorTemplate as t };

1242

shared/web.dom-collections.iterator.js

@@ -18,4 +18,2 @@ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};

var objectGetOwnPropertyDescriptor = {};
var fails$9 = function (exec) {

@@ -31,11 +29,3 @@ try {

// Detect IE8's incomplete defineProperty implementation
var descriptors = !fails$8(function () {
// eslint-disable-next-line es/no-object-defineproperty -- required for testing
return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
});
var fails$7 = fails$9;
var functionBindNative = !fails$7(function () {
var functionBindNative = !fails$8(function () {
var test = (function () { /* empty */ }).bind();

@@ -48,45 +38,12 @@ // eslint-disable-next-line no-prototype-builtins -- safe

var call$5 = Function.prototype.call;
var functionCall = NATIVE_BIND$1 ? call$5.bind(call$5) : function () {
return call$5.apply(call$5, arguments);
};
var objectPropertyIsEnumerable = {};
var $propertyIsEnumerable = {}.propertyIsEnumerable;
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
// Nashorn ~ JDK8 bug
var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
// `Object.prototype.propertyIsEnumerable` method implementation
// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
var descriptor = getOwnPropertyDescriptor$1(this, V);
return !!descriptor && descriptor.enumerable;
} : $propertyIsEnumerable;
var createPropertyDescriptor$3 = function (bitmap, value) {
return {
enumerable: !(bitmap & 1),
configurable: !(bitmap & 2),
writable: !(bitmap & 4),
value: value
};
};
var NATIVE_BIND = functionBindNative;
var FunctionPrototype$1 = Function.prototype;
var bind = FunctionPrototype$1.bind;
var call$4 = FunctionPrototype$1.call;
var uncurryThis$a = NATIVE_BIND && bind.bind(call$4, call$4);
var call$5 = FunctionPrototype$1.call;
var uncurryThis$a = NATIVE_BIND$1 && bind.bind(call$5, call$5);
var functionUncurryThis = NATIVE_BIND ? function (fn) {
var functionUncurryThis = NATIVE_BIND$1 ? function (fn) {
return fn && uncurryThis$a(fn);
} : function (fn) {
return fn && function () {
return call$4.apply(fn, arguments);
return call$5.apply(fn, arguments);
};

@@ -106,3 +63,3 @@ };

var uncurryThis$8 = functionUncurryThis;
var fails$6 = fails$9;
var fails$7 = fails$9;
var classof = classofRaw;

@@ -114,3 +71,3 @@

// fallback for non-array-like ES3 and non-enumerable old V8 strings
var indexedObject = fails$6(function () {
var indexedObject = fails$7(function () {
// throws an error in rhino, see https://github.com/mozilla/rhino/issues/346

@@ -142,2 +99,69 @@ // eslint-disable-next-line no-prototype-builtins -- safe

var shared$3 = {exports: {}};
var global$l = global$o;
// eslint-disable-next-line es/no-object-defineproperty -- safe
var defineProperty$2 = Object.defineProperty;
var setGlobal$3 = function (key, value) {
try {
defineProperty$2(global$l, key, { value: value, configurable: true, writable: true });
} catch (error) {
global$l[key] = value;
} return value;
};
var global$k = global$o;
var setGlobal$2 = setGlobal$3;
var SHARED = '__core-js_shared__';
var store$3 = global$k[SHARED] || setGlobal$2(SHARED, {});
var sharedStore = store$3;
var store$2 = sharedStore;
(shared$3.exports = function (key, value) {
return store$2[key] || (store$2[key] = value !== undefined ? value : {});
})('versions', []).push({
version: '3.21.1',
mode: 'global',
copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
license: 'https://github.com/zloirock/core-js/blob/v3.21.1/LICENSE',
source: 'https://github.com/zloirock/core-js'
});
var global$j = global$o;
var requireObjectCoercible = requireObjectCoercible$2;
var Object$3 = global$j.Object;
// `ToObject` abstract operation
// https://tc39.es/ecma262/#sec-toobject
var toObject$2 = function (argument) {
return Object$3(requireObjectCoercible(argument));
};
var uncurryThis$7 = functionUncurryThis;
var toObject$1 = toObject$2;
var hasOwnProperty = uncurryThis$7({}.hasOwnProperty);
// `HasOwnProperty` abstract operation
// https://tc39.es/ecma262/#sec-hasownproperty
var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
return hasOwnProperty(toObject$1(it), key);
};
var uncurryThis$6 = functionUncurryThis;
var id = 0;
var postfix = Math.random();
var toString = uncurryThis$6(1.0.toString);
var uid$2 = function (key) {
return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
};
// `IsCallable` abstract operation

@@ -149,23 +173,13 @@ // https://tc39.es/ecma262/#sec-iscallable

var global$i = global$o;
var isCallable$c = isCallable$d;
var isObject$5 = function (it) {
return typeof it == 'object' ? it !== null : isCallable$c(it);
};
var global$l = global$o;
var isCallable$b = isCallable$d;
var aFunction = function (argument) {
return isCallable$b(argument) ? argument : undefined;
return isCallable$c(argument) ? argument : undefined;
};
var getBuiltIn$4 = function (namespace, method) {
return arguments.length < 2 ? aFunction(global$l[namespace]) : global$l[namespace] && global$l[namespace][method];
return arguments.length < 2 ? aFunction(global$i[namespace]) : global$i[namespace] && global$i[namespace][method];
};
var uncurryThis$7 = functionUncurryThis;
var objectIsPrototypeOf = uncurryThis$7({}.isPrototypeOf);
var getBuiltIn$3 = getBuiltIn$4;

@@ -175,7 +189,7 @@

var global$k = global$o;
var global$h = global$o;
var userAgent = engineUserAgent;
var process = global$k.process;
var Deno = global$k.Deno;
var process = global$h.process;
var Deno = global$h.Deno;
var versions = process && process.versions || Deno && Deno.version;

@@ -207,6 +221,6 @@ var v8 = versions && versions.v8;

var V8_VERSION = engineV8Version;
var fails$5 = fails$9;
var fails$6 = fails$9;
// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$5(function () {
var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$6(function () {
var symbol = Symbol();

@@ -228,24 +242,127 @@ // Chrome 38 Symbol has incorrect toString conversion

var global$j = global$o;
var global$g = global$o;
var shared$2 = shared$3.exports;
var hasOwn$8 = hasOwnProperty_1;
var uid$1 = uid$2;
var NATIVE_SYMBOL = nativeSymbol;
var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
var WellKnownSymbolsStore = shared$2('wks');
var Symbol$1 = global$g.Symbol;
var symbolFor = Symbol$1 && Symbol$1['for'];
var createWellKnownSymbol = USE_SYMBOL_AS_UID$1 ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
var wellKnownSymbol$6 = function (name) {
if (!hasOwn$8(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
var description = 'Symbol.' + name;
if (NATIVE_SYMBOL && hasOwn$8(Symbol$1, name)) {
WellKnownSymbolsStore[name] = Symbol$1[name];
} else if (USE_SYMBOL_AS_UID$1 && symbolFor) {
WellKnownSymbolsStore[name] = symbolFor(description);
} else {
WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
}
} return WellKnownSymbolsStore[name];
};
var isCallable$b = isCallable$d;
var isObject$5 = function (it) {
return typeof it == 'object' ? it !== null : isCallable$b(it);
};
var global$f = global$o;
var isObject$4 = isObject$5;
var String$3 = global$f.String;
var TypeError$6 = global$f.TypeError;
// `Assert: Type(argument) is Object`
var anObject$5 = function (argument) {
if (isObject$4(argument)) return argument;
throw TypeError$6(String$3(argument) + ' is not an object');
};
var objectDefineProperties = {};
var fails$5 = fails$9;
// Detect IE8's incomplete defineProperty implementation
var descriptors = !fails$5(function () {
// eslint-disable-next-line es/no-object-defineproperty -- required for testing
return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
});
var DESCRIPTORS$7 = descriptors;
var fails$4 = fails$9;
// V8 ~ Chrome 36-
// https://bugs.chromium.org/p/v8/issues/detail?id=3334
var v8PrototypeDefineBug = DESCRIPTORS$7 && fails$4(function () {
// eslint-disable-next-line es/no-object-defineproperty -- required for testing
return Object.defineProperty(function () { /* empty */ }, 'prototype', {
value: 42,
writable: false
}).prototype != 42;
});
var objectDefineProperty = {};
var global$e = global$o;
var isObject$3 = isObject$5;
var document$1 = global$e.document;
// typeof document.createElement is 'object' in old IE
var EXISTS$1 = isObject$3(document$1) && isObject$3(document$1.createElement);
var documentCreateElement$2 = function (it) {
return EXISTS$1 ? document$1.createElement(it) : {};
};
var DESCRIPTORS$6 = descriptors;
var fails$3 = fails$9;
var createElement = documentCreateElement$2;
// Thanks to IE8 for its funny defineProperty
var ie8DomDefine = !DESCRIPTORS$6 && !fails$3(function () {
// eslint-disable-next-line es/no-object-defineproperty -- required for testing
return Object.defineProperty(createElement('div'), 'a', {
get: function () { return 7; }
}).a != 7;
});
var NATIVE_BIND = functionBindNative;
var call$4 = Function.prototype.call;
var functionCall = NATIVE_BIND ? call$4.bind(call$4) : function () {
return call$4.apply(call$4, arguments);
};
var uncurryThis$5 = functionUncurryThis;
var objectIsPrototypeOf = uncurryThis$5({}.isPrototypeOf);
var global$d = global$o;
var getBuiltIn$2 = getBuiltIn$4;
var isCallable$a = isCallable$d;
var isPrototypeOf = objectIsPrototypeOf;
var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
var USE_SYMBOL_AS_UID = useSymbolAsUid;
var Object$3 = global$j.Object;
var Object$2 = global$d.Object;
var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
var isSymbol$2 = USE_SYMBOL_AS_UID ? function (it) {
return typeof it == 'symbol';
} : function (it) {
var $Symbol = getBuiltIn$2('Symbol');
return isCallable$a($Symbol) && isPrototypeOf($Symbol.prototype, Object$3(it));
return isCallable$a($Symbol) && isPrototypeOf($Symbol.prototype, Object$2(it));
};
var global$i = global$o;
var global$c = global$o;
var String$3 = global$i.String;
var String$2 = global$c.String;
var tryToString$1 = function (argument) {
try {
return String$3(argument);
return String$2(argument);
} catch (error) {

@@ -256,7 +373,7 @@ return 'Object';

var global$h = global$o;
var global$b = global$o;
var isCallable$9 = isCallable$d;
var tryToString = tryToString$1;
var TypeError$6 = global$h.TypeError;
var TypeError$5 = global$b.TypeError;

@@ -266,3 +383,3 @@ // `Assert: IsCallable(argument) is true`

if (isCallable$9(argument)) return argument;
throw TypeError$6(tryToString(argument) + ' is not a function');
throw TypeError$5(tryToString(argument) + ' is not a function');
};

@@ -279,8 +396,8 @@

var global$g = global$o;
var global$a = global$o;
var call$3 = functionCall;
var isCallable$8 = isCallable$d;
var isObject$4 = isObject$5;
var isObject$2 = isObject$5;
var TypeError$5 = global$g.TypeError;
var TypeError$4 = global$a.TypeError;

@@ -291,103 +408,11 @@ // `OrdinaryToPrimitive` abstract operation

var fn, val;
if (pref === 'string' && isCallable$8(fn = input.toString) && !isObject$4(val = call$3(fn, input))) return val;
if (isCallable$8(fn = input.valueOf) && !isObject$4(val = call$3(fn, input))) return val;
if (pref !== 'string' && isCallable$8(fn = input.toString) && !isObject$4(val = call$3(fn, input))) return val;
throw TypeError$5("Can't convert object to primitive value");
if (pref === 'string' && isCallable$8(fn = input.toString) && !isObject$2(val = call$3(fn, input))) return val;
if (isCallable$8(fn = input.valueOf) && !isObject$2(val = call$3(fn, input))) return val;
if (pref !== 'string' && isCallable$8(fn = input.toString) && !isObject$2(val = call$3(fn, input))) return val;
throw TypeError$4("Can't convert object to primitive value");
};
var shared$3 = {exports: {}};
var global$f = global$o;
// eslint-disable-next-line es/no-object-defineproperty -- safe
var defineProperty$2 = Object.defineProperty;
var setGlobal$3 = function (key, value) {
try {
defineProperty$2(global$f, key, { value: value, configurable: true, writable: true });
} catch (error) {
global$f[key] = value;
} return value;
};
var global$e = global$o;
var setGlobal$2 = setGlobal$3;
var SHARED = '__core-js_shared__';
var store$3 = global$e[SHARED] || setGlobal$2(SHARED, {});
var sharedStore = store$3;
var store$2 = sharedStore;
(shared$3.exports = function (key, value) {
return store$2[key] || (store$2[key] = value !== undefined ? value : {});
})('versions', []).push({
version: '3.21.0',
mode: 'global',
copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
license: 'https://github.com/zloirock/core-js/blob/v3.21.0/LICENSE',
source: 'https://github.com/zloirock/core-js'
});
var global$d = global$o;
var requireObjectCoercible = requireObjectCoercible$2;
var Object$2 = global$d.Object;
// `ToObject` abstract operation
// https://tc39.es/ecma262/#sec-toobject
var toObject$2 = function (argument) {
return Object$2(requireObjectCoercible(argument));
};
var uncurryThis$6 = functionUncurryThis;
var toObject$1 = toObject$2;
var hasOwnProperty = uncurryThis$6({}.hasOwnProperty);
// `HasOwnProperty` abstract operation
// https://tc39.es/ecma262/#sec-hasownproperty
var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
return hasOwnProperty(toObject$1(it), key);
};
var uncurryThis$5 = functionUncurryThis;
var id = 0;
var postfix = Math.random();
var toString = uncurryThis$5(1.0.toString);
var uid$2 = function (key) {
return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
};
var global$c = global$o;
var shared$2 = shared$3.exports;
var hasOwn$8 = hasOwnProperty_1;
var uid$1 = uid$2;
var NATIVE_SYMBOL = nativeSymbol;
var USE_SYMBOL_AS_UID = useSymbolAsUid;
var WellKnownSymbolsStore = shared$2('wks');
var Symbol$1 = global$c.Symbol;
var symbolFor = Symbol$1 && Symbol$1['for'];
var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
var wellKnownSymbol$6 = function (name) {
if (!hasOwn$8(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
var description = 'Symbol.' + name;
if (NATIVE_SYMBOL && hasOwn$8(Symbol$1, name)) {
WellKnownSymbolsStore[name] = Symbol$1[name];
} else if (USE_SYMBOL_AS_UID && symbolFor) {
WellKnownSymbolsStore[name] = symbolFor(description);
} else {
WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
}
} return WellKnownSymbolsStore[name];
};
var global$b = global$o;
var global$9 = global$o;
var call$2 = functionCall;
var isObject$3 = isObject$5;
var isObject$1 = isObject$5;
var isSymbol$1 = isSymbol$2;

@@ -398,3 +423,3 @@ var getMethod = getMethod$1;

var TypeError$4 = global$b.TypeError;
var TypeError$3 = global$9.TypeError;
var TO_PRIMITIVE = wellKnownSymbol$5('toPrimitive');

@@ -405,3 +430,3 @@

var toPrimitive$1 = function (input, pref) {
if (!isObject$3(input) || isSymbol$1(input)) return input;
if (!isObject$1(input) || isSymbol$1(input)) return input;
var exoticToPrim = getMethod(input, TO_PRIMITIVE);

@@ -412,4 +437,4 @@ var result;

result = call$2(exoticToPrim, input, pref);
if (!isObject$3(result) || isSymbol$1(result)) return result;
throw TypeError$4("Can't convert object to primitive value");
if (!isObject$1(result) || isSymbol$1(result)) return result;
throw TypeError$3("Can't convert object to primitive value");
}

@@ -430,81 +455,8 @@ if (pref === undefined) pref = 'number';

var global$a = global$o;
var isObject$2 = isObject$5;
var document$1 = global$a.document;
// typeof document.createElement is 'object' in old IE
var EXISTS$1 = isObject$2(document$1) && isObject$2(document$1.createElement);
var documentCreateElement$2 = function (it) {
return EXISTS$1 ? document$1.createElement(it) : {};
};
var DESCRIPTORS$7 = descriptors;
var fails$4 = fails$9;
var createElement = documentCreateElement$2;
// Thanks to IE8 for its funny defineProperty
var ie8DomDefine = !DESCRIPTORS$7 && !fails$4(function () {
// eslint-disable-next-line es/no-object-defineproperty -- required for testing
return Object.defineProperty(createElement('div'), 'a', {
get: function () { return 7; }
}).a != 7;
});
var DESCRIPTORS$6 = descriptors;
var call$1 = functionCall;
var propertyIsEnumerableModule = objectPropertyIsEnumerable;
var createPropertyDescriptor$2 = createPropertyDescriptor$3;
var toIndexedObject$4 = toIndexedObject$5;
var toPropertyKey$1 = toPropertyKey$2;
var hasOwn$7 = hasOwnProperty_1;
var global$8 = global$o;
var DESCRIPTORS$5 = descriptors;
var IE8_DOM_DEFINE$1 = ie8DomDefine;
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
// `Object.getOwnPropertyDescriptor` method
// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
objectGetOwnPropertyDescriptor.f = DESCRIPTORS$6 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
O = toIndexedObject$4(O);
P = toPropertyKey$1(P);
if (IE8_DOM_DEFINE$1) try {
return $getOwnPropertyDescriptor$1(O, P);
} catch (error) { /* empty */ }
if (hasOwn$7(O, P)) return createPropertyDescriptor$2(!call$1(propertyIsEnumerableModule.f, O, P), O[P]);
};
var objectDefineProperty = {};
var DESCRIPTORS$5 = descriptors;
var fails$3 = fails$9;
// V8 ~ Chrome 36-
// https://bugs.chromium.org/p/v8/issues/detail?id=3334
var v8PrototypeDefineBug = DESCRIPTORS$5 && fails$3(function () {
// eslint-disable-next-line es/no-object-defineproperty -- required for testing
return Object.defineProperty(function () { /* empty */ }, 'prototype', {
value: 42,
writable: false
}).prototype != 42;
});
var global$9 = global$o;
var isObject$1 = isObject$5;
var String$2 = global$9.String;
var TypeError$3 = global$9.TypeError;
// `Assert: Type(argument) is Object`
var anObject$5 = function (argument) {
if (isObject$1(argument)) return argument;
throw TypeError$3(String$2(argument) + ' is not an object');
};
var global$8 = global$o;
var DESCRIPTORS$4 = descriptors;
var IE8_DOM_DEFINE = ie8DomDefine;
var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
var anObject$4 = anObject$5;
var toPropertyKey = toPropertyKey$2;
var toPropertyKey$1 = toPropertyKey$2;

@@ -515,3 +467,3 @@ var TypeError$2 = global$8.TypeError;

// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
var ENUMERABLE = 'enumerable';

@@ -523,8 +475,8 @@ var CONFIGURABLE$1 = 'configurable';

// https://tc39.es/ecma262/#sec-object.defineproperty
objectDefineProperty.f = DESCRIPTORS$4 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
objectDefineProperty.f = DESCRIPTORS$5 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
anObject$4(O);
P = toPropertyKey(P);
P = toPropertyKey$1(P);
anObject$4(Attributes);
if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
var current = $getOwnPropertyDescriptor(O, P);
var current = $getOwnPropertyDescriptor$1(O, P);
if (current && current[WRITABLE]) {

@@ -541,5 +493,5 @@ O[P] = Attributes.value;

anObject$4(O);
P = toPropertyKey(P);
P = toPropertyKey$1(P);
anObject$4(Attributes);
if (IE8_DOM_DEFINE) try {
if (IE8_DOM_DEFINE$1) try {
return $defineProperty(O, P, Attributes);

@@ -552,20 +504,267 @@ } catch (error) { /* empty */ }

var DESCRIPTORS$3 = descriptors;
var ceil = Math.ceil;
var floor = Math.floor;
// `ToIntegerOrInfinity` abstract operation
// https://tc39.es/ecma262/#sec-tointegerorinfinity
var toIntegerOrInfinity$2 = function (argument) {
var number = +argument;
// eslint-disable-next-line no-self-compare -- safe
return number !== number || number === 0 ? 0 : (number > 0 ? floor : ceil)(number);
};
var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
var max = Math.max;
var min$1 = Math.min;
// Helper for a popular repeating case of the spec:
// Let integer be ? ToInteger(index).
// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
var toAbsoluteIndex$1 = function (index, length) {
var integer = toIntegerOrInfinity$1(index);
return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
};
var toIntegerOrInfinity = toIntegerOrInfinity$2;
var min = Math.min;
// `ToLength` abstract operation
// https://tc39.es/ecma262/#sec-tolength
var toLength$1 = function (argument) {
return argument > 0 ? min(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
};
var toLength = toLength$1;
// `LengthOfArrayLike` abstract operation
// https://tc39.es/ecma262/#sec-lengthofarraylike
var lengthOfArrayLike$1 = function (obj) {
return toLength(obj.length);
};
var toIndexedObject$4 = toIndexedObject$5;
var toAbsoluteIndex = toAbsoluteIndex$1;
var lengthOfArrayLike = lengthOfArrayLike$1;
// `Array.prototype.{ indexOf, includes }` methods implementation
var createMethod = function (IS_INCLUDES) {
return function ($this, el, fromIndex) {
var O = toIndexedObject$4($this);
var length = lengthOfArrayLike(O);
var index = toAbsoluteIndex(fromIndex, length);
var value;
// Array#includes uses SameValueZero equality algorithm
// eslint-disable-next-line no-self-compare -- NaN check
if (IS_INCLUDES && el != el) while (length > index) {
value = O[index++];
// eslint-disable-next-line no-self-compare -- NaN check
if (value != value) return true;
// Array#indexOf ignores holes, Array#includes - not
} else for (;length > index; index++) {
if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
} return !IS_INCLUDES && -1;
};
};
var arrayIncludes = {
// `Array.prototype.includes` method
// https://tc39.es/ecma262/#sec-array.prototype.includes
includes: createMethod(true),
// `Array.prototype.indexOf` method
// https://tc39.es/ecma262/#sec-array.prototype.indexof
indexOf: createMethod(false)
};
var hiddenKeys$4 = {};
var uncurryThis$4 = functionUncurryThis;
var hasOwn$7 = hasOwnProperty_1;
var toIndexedObject$3 = toIndexedObject$5;
var indexOf = arrayIncludes.indexOf;
var hiddenKeys$3 = hiddenKeys$4;
var push = uncurryThis$4([].push);
var objectKeysInternal = function (object, names) {
var O = toIndexedObject$3(object);
var i = 0;
var result = [];
var key;
for (key in O) !hasOwn$7(hiddenKeys$3, key) && hasOwn$7(O, key) && push(result, key);
// Don't enum bug & hidden keys
while (names.length > i) if (hasOwn$7(O, key = names[i++])) {
~indexOf(result, key) || push(result, key);
}
return result;
};
// IE8- don't enum bug keys
var enumBugKeys$3 = [
'constructor',
'hasOwnProperty',
'isPrototypeOf',
'propertyIsEnumerable',
'toLocaleString',
'toString',
'valueOf'
];
var internalObjectKeys$1 = objectKeysInternal;
var enumBugKeys$2 = enumBugKeys$3;
// `Object.keys` method
// https://tc39.es/ecma262/#sec-object.keys
// eslint-disable-next-line es/no-object-keys -- safe
var objectKeys$1 = Object.keys || function keys(O) {
return internalObjectKeys$1(O, enumBugKeys$2);
};
var DESCRIPTORS$4 = descriptors;
var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
var definePropertyModule$3 = objectDefineProperty;
var createPropertyDescriptor$1 = createPropertyDescriptor$3;
var anObject$3 = anObject$5;
var toIndexedObject$2 = toIndexedObject$5;
var objectKeys = objectKeys$1;
var createNonEnumerableProperty$5 = DESCRIPTORS$3 ? function (object, key, value) {
return definePropertyModule$3.f(object, key, createPropertyDescriptor$1(1, value));
} : function (object, key, value) {
object[key] = value;
return object;
// `Object.defineProperties` method
// https://tc39.es/ecma262/#sec-object.defineproperties
// eslint-disable-next-line es/no-object-defineproperties -- safe
objectDefineProperties.f = DESCRIPTORS$4 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
anObject$3(O);
var props = toIndexedObject$2(Properties);
var keys = objectKeys(Properties);
var length = keys.length;
var index = 0;
var key;
while (length > index) definePropertyModule$3.f(O, key = keys[index++], props[key]);
return O;
};
var redefine$3 = {exports: {}};
var getBuiltIn$1 = getBuiltIn$4;
var uncurryThis$4 = functionUncurryThis;
var html$1 = getBuiltIn$1('document', 'documentElement');
var shared$1 = shared$3.exports;
var uid = uid$2;
var keys = shared$1('keys');
var sharedKey$3 = function (key) {
return keys[key] || (keys[key] = uid(key));
};
/* global ActiveXObject -- old IE, WSH */
var anObject$2 = anObject$5;
var definePropertiesModule = objectDefineProperties;
var enumBugKeys$1 = enumBugKeys$3;
var hiddenKeys$2 = hiddenKeys$4;
var html = html$1;
var documentCreateElement$1 = documentCreateElement$2;
var sharedKey$2 = sharedKey$3;
var GT = '>';
var LT = '<';
var PROTOTYPE = 'prototype';
var SCRIPT = 'script';
var IE_PROTO$1 = sharedKey$2('IE_PROTO');
var EmptyConstructor = function () { /* empty */ };
var scriptTag = function (content) {
return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
};
// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
var NullProtoObjectViaActiveX = function (activeXDocument) {
activeXDocument.write(scriptTag(''));
activeXDocument.close();
var temp = activeXDocument.parentWindow.Object;
activeXDocument = null; // avoid memory leak
return temp;
};
// Create object with fake `null` prototype: use iframe Object with cleared prototype
var NullProtoObjectViaIFrame = function () {
// Thrash, waste and sodomy: IE GC bug
var iframe = documentCreateElement$1('iframe');
var JS = 'java' + SCRIPT + ':';
var iframeDocument;
iframe.style.display = 'none';
html.appendChild(iframe);
// https://github.com/zloirock/core-js/issues/475
iframe.src = String(JS);
iframeDocument = iframe.contentWindow.document;
iframeDocument.open();
iframeDocument.write(scriptTag('document.F=Object'));
iframeDocument.close();
return iframeDocument.F;
};
// Check for document.domain and active x support
// No need to use active x approach when document.domain is not set
// see https://github.com/es-shims/es5-shim/issues/150
// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
// avoid IE GC bug
var activeXDocument;
var NullProtoObject = function () {
try {
activeXDocument = new ActiveXObject('htmlfile');
} catch (error) { /* ignore */ }
NullProtoObject = typeof document != 'undefined'
? document.domain && activeXDocument
? NullProtoObjectViaActiveX(activeXDocument) // old IE
: NullProtoObjectViaIFrame()
: NullProtoObjectViaActiveX(activeXDocument); // WSH
var length = enumBugKeys$1.length;
while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys$1[length]];
return NullProtoObject();
};
hiddenKeys$2[IE_PROTO$1] = true;
// `Object.create` method
// https://tc39.es/ecma262/#sec-object.create
var objectCreate = Object.create || function create(O, Properties) {
var result;
if (O !== null) {
EmptyConstructor[PROTOTYPE] = anObject$2(O);
result = new EmptyConstructor();
EmptyConstructor[PROTOTYPE] = null;
// add "__proto__" for Object.getPrototypeOf polyfill
result[IE_PROTO$1] = O;
} else result = NullProtoObject();
return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
};
var wellKnownSymbol$4 = wellKnownSymbol$6;
var create$1 = objectCreate;
var definePropertyModule$2 = objectDefineProperty;
var UNSCOPABLES = wellKnownSymbol$4('unscopables');
var ArrayPrototype = Array.prototype;
// Array.prototype[@@unscopables]
// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
if (ArrayPrototype[UNSCOPABLES] == undefined) {
definePropertyModule$2.f(ArrayPrototype, UNSCOPABLES, {
configurable: true,
value: create$1(null)
});
}
// add a key to Array.prototype[@@unscopables]
var addToUnscopables$1 = function (key) {
ArrayPrototype[UNSCOPABLES][key] = true;
};
var iterators = {};
var uncurryThis$3 = functionUncurryThis;
var isCallable$7 = isCallable$d;
var store$1 = sharedStore;
var functionToString = uncurryThis$4(Function.toString);
var functionToString = uncurryThis$3(Function.toString);

@@ -589,16 +788,25 @@ // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper

var shared$1 = shared$3.exports;
var uid = uid$2;
var createPropertyDescriptor$3 = function (bitmap, value) {
return {
enumerable: !(bitmap & 1),
configurable: !(bitmap & 2),
writable: !(bitmap & 4),
value: value
};
};
var keys = shared$1('keys');
var DESCRIPTORS$3 = descriptors;
var definePropertyModule$1 = objectDefineProperty;
var createPropertyDescriptor$2 = createPropertyDescriptor$3;
var sharedKey$3 = function (key) {
return keys[key] || (keys[key] = uid(key));
var createNonEnumerableProperty$5 = DESCRIPTORS$3 ? function (object, key, value) {
return definePropertyModule$1.f(object, key, createPropertyDescriptor$2(1, value));
} : function (object, key, value) {
object[key] = value;
return object;
};
var hiddenKeys$4 = {};
var NATIVE_WEAK_MAP = nativeWeakMap;
var global$6 = global$o;
var uncurryThis$3 = functionUncurryThis;
var uncurryThis$2 = functionUncurryThis;
var isObject = isObject$5;

@@ -608,4 +816,4 @@ var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;

var shared = sharedStore;
var sharedKey$2 = sharedKey$3;
var hiddenKeys$3 = hiddenKeys$4;
var sharedKey$1 = sharedKey$3;
var hiddenKeys$1 = hiddenKeys$4;

@@ -632,5 +840,5 @@ var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';

var store = shared.state || (shared.state = new WeakMap());
var wmget = uncurryThis$3(store.get);
var wmhas = uncurryThis$3(store.has);
var wmset = uncurryThis$3(store.set);
var wmget = uncurryThis$2(store.get);
var wmhas = uncurryThis$2(store.has);
var wmset = uncurryThis$2(store.set);
set = function (it, metadata) {

@@ -649,4 +857,4 @@ if (wmhas(store, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);

} else {
var STATE = sharedKey$2('state');
hiddenKeys$3[STATE] = true;
var STATE = sharedKey$1('state');
hiddenKeys$1[STATE] = true;
set = function (it, metadata) {

@@ -674,13 +882,56 @@ if (hasOwn$6(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);

var objectGetOwnPropertyDescriptor = {};
var objectPropertyIsEnumerable = {};
var $propertyIsEnumerable = {}.propertyIsEnumerable;
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
// Nashorn ~ JDK8 bug
var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
// `Object.prototype.propertyIsEnumerable` method implementation
// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
var descriptor = getOwnPropertyDescriptor$1(this, V);
return !!descriptor && descriptor.enumerable;
} : $propertyIsEnumerable;
var DESCRIPTORS$2 = descriptors;
var call$1 = functionCall;
var propertyIsEnumerableModule = objectPropertyIsEnumerable;
var createPropertyDescriptor$1 = createPropertyDescriptor$3;
var toIndexedObject$1 = toIndexedObject$5;
var toPropertyKey = toPropertyKey$2;
var hasOwn$5 = hasOwnProperty_1;
var IE8_DOM_DEFINE = ie8DomDefine;
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
// `Object.getOwnPropertyDescriptor` method
// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
objectGetOwnPropertyDescriptor.f = DESCRIPTORS$2 ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
O = toIndexedObject$1(O);
P = toPropertyKey(P);
if (IE8_DOM_DEFINE) try {
return $getOwnPropertyDescriptor(O, P);
} catch (error) { /* empty */ }
if (hasOwn$5(O, P)) return createPropertyDescriptor$1(!call$1(propertyIsEnumerableModule.f, O, P), O[P]);
};
var redefine$3 = {exports: {}};
var DESCRIPTORS$1 = descriptors;
var hasOwn$4 = hasOwnProperty_1;
var FunctionPrototype = Function.prototype;
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
var getDescriptor = DESCRIPTORS$2 && Object.getOwnPropertyDescriptor;
var getDescriptor = DESCRIPTORS$1 && Object.getOwnPropertyDescriptor;
var EXISTS = hasOwn$5(FunctionPrototype, 'name');
var EXISTS = hasOwn$4(FunctionPrototype, 'name');
// additional protection from minified / mangled / dropped function names
var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
var CONFIGURABLE = EXISTS && (!DESCRIPTORS$2 || (DESCRIPTORS$2 && getDescriptor(FunctionPrototype, 'name').configurable));
var CONFIGURABLE = EXISTS && (!DESCRIPTORS$1 || (DESCRIPTORS$1 && getDescriptor(FunctionPrototype, 'name').configurable));

@@ -695,3 +946,3 @@ var functionName = {

var isCallable$5 = isCallable$d;
var hasOwn$4 = hasOwnProperty_1;
var hasOwn$3 = hasOwnProperty_1;
var createNonEnumerableProperty$3 = createNonEnumerableProperty$5;

@@ -717,3 +968,3 @@ var setGlobal$1 = setGlobal$3;

}
if (!hasOwn$4(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
if (!hasOwn$3(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
createNonEnumerableProperty$3(value, 'name', name);

@@ -744,114 +995,7 @@ }

var ceil = Math.ceil;
var floor = Math.floor;
var internalObjectKeys = objectKeysInternal;
var enumBugKeys = enumBugKeys$3;
// `ToIntegerOrInfinity` abstract operation
// https://tc39.es/ecma262/#sec-tointegerorinfinity
var toIntegerOrInfinity$2 = function (argument) {
var number = +argument;
// eslint-disable-next-line no-self-compare -- safe
return number !== number || number === 0 ? 0 : (number > 0 ? floor : ceil)(number);
};
var hiddenKeys = enumBugKeys.concat('length', 'prototype');
var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
var max = Math.max;
var min$1 = Math.min;
// Helper for a popular repeating case of the spec:
// Let integer be ? ToInteger(index).
// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
var toAbsoluteIndex$1 = function (index, length) {
var integer = toIntegerOrInfinity$1(index);
return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
};
var toIntegerOrInfinity = toIntegerOrInfinity$2;
var min = Math.min;
// `ToLength` abstract operation
// https://tc39.es/ecma262/#sec-tolength
var toLength$1 = function (argument) {
return argument > 0 ? min(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
};
var toLength = toLength$1;
// `LengthOfArrayLike` abstract operation
// https://tc39.es/ecma262/#sec-lengthofarraylike
var lengthOfArrayLike$1 = function (obj) {
return toLength(obj.length);
};
var toIndexedObject$3 = toIndexedObject$5;
var toAbsoluteIndex = toAbsoluteIndex$1;
var lengthOfArrayLike = lengthOfArrayLike$1;
// `Array.prototype.{ indexOf, includes }` methods implementation
var createMethod = function (IS_INCLUDES) {
return function ($this, el, fromIndex) {
var O = toIndexedObject$3($this);
var length = lengthOfArrayLike(O);
var index = toAbsoluteIndex(fromIndex, length);
var value;
// Array#includes uses SameValueZero equality algorithm
// eslint-disable-next-line no-self-compare -- NaN check
if (IS_INCLUDES && el != el) while (length > index) {
value = O[index++];
// eslint-disable-next-line no-self-compare -- NaN check
if (value != value) return true;
// Array#indexOf ignores holes, Array#includes - not
} else for (;length > index; index++) {
if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
} return !IS_INCLUDES && -1;
};
};
var arrayIncludes = {
// `Array.prototype.includes` method
// https://tc39.es/ecma262/#sec-array.prototype.includes
includes: createMethod(true),
// `Array.prototype.indexOf` method
// https://tc39.es/ecma262/#sec-array.prototype.indexof
indexOf: createMethod(false)
};
var uncurryThis$2 = functionUncurryThis;
var hasOwn$3 = hasOwnProperty_1;
var toIndexedObject$2 = toIndexedObject$5;
var indexOf = arrayIncludes.indexOf;
var hiddenKeys$2 = hiddenKeys$4;
var push = uncurryThis$2([].push);
var objectKeysInternal = function (object, names) {
var O = toIndexedObject$2(object);
var i = 0;
var result = [];
var key;
for (key in O) !hasOwn$3(hiddenKeys$2, key) && hasOwn$3(O, key) && push(result, key);
// Don't enum bug & hidden keys
while (names.length > i) if (hasOwn$3(O, key = names[i++])) {
~indexOf(result, key) || push(result, key);
}
return result;
};
// IE8- don't enum bug keys
var enumBugKeys$3 = [
'constructor',
'hasOwnProperty',
'isPrototypeOf',
'propertyIsEnumerable',
'toLocaleString',
'toString',
'valueOf'
];
var internalObjectKeys$1 = objectKeysInternal;
var enumBugKeys$2 = enumBugKeys$3;
var hiddenKeys$1 = enumBugKeys$2.concat('length', 'prototype');
// `Object.getOwnPropertyNames` method

@@ -861,3 +1005,3 @@ // https://tc39.es/ecma262/#sec-object.getownpropertynames

objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
return internalObjectKeys$1(O, hiddenKeys$1);
return internalObjectKeys(O, hiddenKeys);
};

@@ -870,7 +1014,7 @@

var getBuiltIn$1 = getBuiltIn$4;
var getBuiltIn = getBuiltIn$4;
var uncurryThis$1 = functionUncurryThis;
var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
var anObject$3 = anObject$5;
var anObject$1 = anObject$5;

@@ -880,4 +1024,4 @@ var concat = uncurryThis$1([].concat);

// all object keys, includes non-enumerable and symbols
var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
var keys = getOwnPropertyNamesModule.f(anObject$3(it));
var ownKeys$1 = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
var keys = getOwnPropertyNamesModule.f(anObject$1(it));
var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;

@@ -890,7 +1034,7 @@ return getOwnPropertySymbols ? concat(keys, getOwnPropertySymbols(it)) : keys;

var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
var definePropertyModule$2 = objectDefineProperty;
var definePropertyModule = objectDefineProperty;
var copyConstructorProperties$1 = function (target, source, exceptions) {
var keys = ownKeys(source);
var defineProperty = definePropertyModule$2.f;
var defineProperty = definePropertyModule.f;
var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;

@@ -984,199 +1128,2 @@ for (var i = 0; i < keys.length; i++) {

var global$3 = global$o;
var isCallable$3 = isCallable$d;
var String$1 = global$3.String;
var TypeError = global$3.TypeError;
var aPossiblePrototype$1 = function (argument) {
if (typeof argument == 'object' || isCallable$3(argument)) return argument;
throw TypeError("Can't set " + String$1(argument) + ' as a prototype');
};
/* eslint-disable no-proto -- safe */
var uncurryThis = functionUncurryThis;
var anObject$2 = anObject$5;
var aPossiblePrototype = aPossiblePrototype$1;
// `Object.setPrototypeOf` method
// https://tc39.es/ecma262/#sec-object.setprototypeof
// Works with __proto__ only. Old v8 can't work with null proto objects.
// eslint-disable-next-line es/no-object-setprototypeof -- safe
var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
var CORRECT_SETTER = false;
var test = {};
var setter;
try {
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
setter = uncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
setter(test, []);
CORRECT_SETTER = test instanceof Array;
} catch (error) { /* empty */ }
return function setPrototypeOf(O, proto) {
anObject$2(O);
aPossiblePrototype(proto);
if (CORRECT_SETTER) setter(O, proto);
else O.__proto__ = proto;
return O;
};
}() : undefined);
var defineProperty$1 = objectDefineProperty.f;
var hasOwn$1 = hasOwnProperty_1;
var wellKnownSymbol$4 = wellKnownSymbol$6;
var TO_STRING_TAG$1 = wellKnownSymbol$4('toStringTag');
var setToStringTag$2 = function (target, TAG, STATIC) {
if (target && !STATIC) target = target.prototype;
if (target && !hasOwn$1(target, TO_STRING_TAG$1)) {
defineProperty$1(target, TO_STRING_TAG$1, { configurable: true, value: TAG });
}
};
var iterators = {};
var getBuiltIn = getBuiltIn$4;
var html$1 = getBuiltIn('document', 'documentElement');
var objectDefineProperties = {};
var internalObjectKeys = objectKeysInternal;
var enumBugKeys$1 = enumBugKeys$3;
// `Object.keys` method
// https://tc39.es/ecma262/#sec-object.keys
// eslint-disable-next-line es/no-object-keys -- safe
var objectKeys$1 = Object.keys || function keys(O) {
return internalObjectKeys(O, enumBugKeys$1);
};
var DESCRIPTORS$1 = descriptors;
var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
var definePropertyModule$1 = objectDefineProperty;
var anObject$1 = anObject$5;
var toIndexedObject$1 = toIndexedObject$5;
var objectKeys = objectKeys$1;
// `Object.defineProperties` method
// https://tc39.es/ecma262/#sec-object.defineproperties
// eslint-disable-next-line es/no-object-defineproperties -- safe
objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
anObject$1(O);
var props = toIndexedObject$1(Properties);
var keys = objectKeys(Properties);
var length = keys.length;
var index = 0;
var key;
while (length > index) definePropertyModule$1.f(O, key = keys[index++], props[key]);
return O;
};
/* global ActiveXObject -- old IE, WSH */
var anObject = anObject$5;
var definePropertiesModule = objectDefineProperties;
var enumBugKeys = enumBugKeys$3;
var hiddenKeys = hiddenKeys$4;
var html = html$1;
var documentCreateElement$1 = documentCreateElement$2;
var sharedKey$1 = sharedKey$3;
var GT = '>';
var LT = '<';
var PROTOTYPE = 'prototype';
var SCRIPT = 'script';
var IE_PROTO$1 = sharedKey$1('IE_PROTO');
var EmptyConstructor = function () { /* empty */ };
var scriptTag = function (content) {
return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
};
// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
var NullProtoObjectViaActiveX = function (activeXDocument) {
activeXDocument.write(scriptTag(''));
activeXDocument.close();
var temp = activeXDocument.parentWindow.Object;
activeXDocument = null; // avoid memory leak
return temp;
};
// Create object with fake `null` prototype: use iframe Object with cleared prototype
var NullProtoObjectViaIFrame = function () {
// Thrash, waste and sodomy: IE GC bug
var iframe = documentCreateElement$1('iframe');
var JS = 'java' + SCRIPT + ':';
var iframeDocument;
iframe.style.display = 'none';
html.appendChild(iframe);
// https://github.com/zloirock/core-js/issues/475
iframe.src = String(JS);
iframeDocument = iframe.contentWindow.document;
iframeDocument.open();
iframeDocument.write(scriptTag('document.F=Object'));
iframeDocument.close();
return iframeDocument.F;
};
// Check for document.domain and active x support
// No need to use active x approach when document.domain is not set
// see https://github.com/es-shims/es5-shim/issues/150
// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
// avoid IE GC bug
var activeXDocument;
var NullProtoObject = function () {
try {
activeXDocument = new ActiveXObject('htmlfile');
} catch (error) { /* ignore */ }
NullProtoObject = typeof document != 'undefined'
? document.domain && activeXDocument
? NullProtoObjectViaActiveX(activeXDocument) // old IE
: NullProtoObjectViaIFrame()
: NullProtoObjectViaActiveX(activeXDocument); // WSH
var length = enumBugKeys.length;
while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
return NullProtoObject();
};
hiddenKeys[IE_PROTO$1] = true;
// `Object.create` method
// https://tc39.es/ecma262/#sec-object.create
var objectCreate = Object.create || function create(O, Properties) {
var result;
if (O !== null) {
EmptyConstructor[PROTOTYPE] = anObject(O);
result = new EmptyConstructor();
EmptyConstructor[PROTOTYPE] = null;
// add "__proto__" for Object.getPrototypeOf polyfill
result[IE_PROTO$1] = O;
} else result = NullProtoObject();
return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
};
var wellKnownSymbol$3 = wellKnownSymbol$6;
var create$1 = objectCreate;
var definePropertyModule = objectDefineProperty;
var UNSCOPABLES = wellKnownSymbol$3('unscopables');
var ArrayPrototype = Array.prototype;
// Array.prototype[@@unscopables]
// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
if (ArrayPrototype[UNSCOPABLES] == undefined) {
definePropertyModule.f(ArrayPrototype, UNSCOPABLES, {
configurable: true,
value: create$1(null)
});
}
// add a key to Array.prototype[@@unscopables]
var addToUnscopables$1 = function (key) {
ArrayPrototype[UNSCOPABLES][key] = true;
};
var fails$1 = fails$9;

@@ -1191,5 +1138,5 @@

var global$2 = global$o;
var hasOwn = hasOwnProperty_1;
var isCallable$2 = isCallable$d;
var global$3 = global$o;
var hasOwn$1 = hasOwnProperty_1;
var isCallable$3 = isCallable$d;
var toObject = toObject$2;

@@ -1200,3 +1147,3 @@ var sharedKey = sharedKey$3;

var IE_PROTO = sharedKey('IE_PROTO');
var Object$1 = global$2.Object;
var Object$1 = global$3.Object;
var ObjectPrototype = Object$1.prototype;

@@ -1208,5 +1155,5 @@

var object = toObject(O);
if (hasOwn(object, IE_PROTO)) return object[IE_PROTO];
if (hasOwn$1(object, IE_PROTO)) return object[IE_PROTO];
var constructor = object.constructor;
if (isCallable$2(constructor) && object instanceof constructor) {
if (isCallable$3(constructor) && object instanceof constructor) {
return constructor.prototype;

@@ -1217,8 +1164,8 @@ } return object instanceof Object$1 ? ObjectPrototype : null;

var fails = fails$9;
var isCallable$1 = isCallable$d;
var isCallable$2 = isCallable$d;
var getPrototypeOf$1 = objectGetPrototypeOf;
var redefine$1 = redefine$3.exports;
var wellKnownSymbol$2 = wellKnownSymbol$6;
var wellKnownSymbol$3 = wellKnownSymbol$6;
var ITERATOR$2 = wellKnownSymbol$2('iterator');
var ITERATOR$2 = wellKnownSymbol$3('iterator');
var BUGGY_SAFARI_ITERATORS$1 = false;

@@ -1251,3 +1198,3 @@

// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
if (!isCallable$1(IteratorPrototype$2[ITERATOR$2])) {
if (!isCallable$2(IteratorPrototype$2[ITERATOR$2])) {
redefine$1(IteratorPrototype$2, ITERATOR$2, function () {

@@ -1263,2 +1210,15 @@ return this;

var defineProperty$1 = objectDefineProperty.f;
var hasOwn = hasOwnProperty_1;
var wellKnownSymbol$2 = wellKnownSymbol$6;
var TO_STRING_TAG$1 = wellKnownSymbol$2('toStringTag');
var setToStringTag$2 = function (target, TAG, STATIC) {
if (target && !STATIC) target = target.prototype;
if (target && !hasOwn(target, TO_STRING_TAG$1)) {
defineProperty$1(target, TO_STRING_TAG$1, { configurable: true, value: TAG });
}
};
var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;

@@ -1280,2 +1240,42 @@ var create = objectCreate;

var global$2 = global$o;
var isCallable$1 = isCallable$d;
var String$1 = global$2.String;
var TypeError = global$2.TypeError;
var aPossiblePrototype$1 = function (argument) {
if (typeof argument == 'object' || isCallable$1(argument)) return argument;
throw TypeError("Can't set " + String$1(argument) + ' as a prototype');
};
/* eslint-disable no-proto -- safe */
var uncurryThis = functionUncurryThis;
var anObject = anObject$5;
var aPossiblePrototype = aPossiblePrototype$1;
// `Object.setPrototypeOf` method
// https://tc39.es/ecma262/#sec-object.setprototypeof
// Works with __proto__ only. Old v8 can't work with null proto objects.
// eslint-disable-next-line es/no-object-setprototypeof -- safe
var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
var CORRECT_SETTER = false;
var test = {};
var setter;
try {
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
setter = uncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
setter(test, []);
CORRECT_SETTER = test instanceof Array;
} catch (error) { /* empty */ }
return function setPrototypeOf(O, proto) {
anObject(O);
aPossiblePrototype(proto);
if (CORRECT_SETTER) setter(O, proto);
else O.__proto__ = proto;
return O;
};
}() : undefined);
var $ = _export;

@@ -1521,2 +1521,2 @@ var call = functionCall;

export { objectSetPrototypeOf as A, setToStringTag$2 as B, isForced_1 as C, engineV8Version as D, internalState as E, requireObjectCoercible$2 as F, functionName as G, _export as _, getBuiltIn$4 as a, objectIsPrototypeOf as b, functionBindNative as c, descriptors as d, aCallable$1 as e, functionUncurryThis as f, global$o as g, classofRaw as h, iterators as i, isCallable$d as j, getMethod$1 as k, functionCall as l, anObject$5 as m, lengthOfArrayLike$1 as n, objectDefineProperty as o, fails$9 as p, inspectSource$2 as q, redefine$3 as r, engineUserAgent as s, tryToString$1 as t, html$1 as u, documentCreateElement$2 as v, wellKnownSymbol$6 as w, hasOwnProperty_1 as x, objectGetOwnPropertyDescriptor as y, isObject$5 as z };
export { objectSetPrototypeOf as A, setToStringTag$2 as B, isForced_1 as C, engineV8Version as D, internalState as E, requireObjectCoercible$2 as F, functionName as G, objectKeys$1 as H, toObject$2 as I, indexedObject as J, objectGetOwnPropertySymbols as K, objectPropertyIsEnumerable as L, shared$3 as M, objectCreate as N, createNonEnumerableProperty$5 as O, toIntegerOrInfinity$2 as P, toPropertyKey$2 as Q, createPropertyDescriptor$3 as R, toAbsoluteIndex$1 as S, toLength$1 as T, _export as _, getBuiltIn$4 as a, objectIsPrototypeOf as b, functionBindNative as c, descriptors as d, aCallable$1 as e, functionUncurryThis as f, global$o as g, classofRaw as h, iterators as i, isCallable$d as j, getMethod$1 as k, functionCall as l, anObject$5 as m, lengthOfArrayLike$1 as n, objectDefineProperty as o, fails$9 as p, inspectSource$2 as q, redefine$3 as r, engineUserAgent as s, tryToString$1 as t, html$1 as u, documentCreateElement$2 as v, wellKnownSymbol$6 as w, hasOwnProperty_1 as x, objectGetOwnPropertyDescriptor as y, isObject$5 as z };

71

sidenav-item/index.js

@@ -1,9 +0,14 @@

import '../shared/index.js';
import { _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index2.js';
import '../icon/index.js';
import { h as html, d as designSystem } from '../shared/index.js';
import { s as styleInject } from '../shared/style-inject.es.js';
import { b as AffixIcon } from '../shared/affix.js';
import { T as TextAnchor } from '../shared/text-anchor.js';
import { a as applyMixins } from '../shared/apply-mixins.js';
import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
import '../shared/icon.js';
import '../shared/web.dom-collections.iterator.js';
import { a as Prefix, b as prefixTemplate } from '../shared/affix.js';
import { A as Anchor } from '../shared/anchor.js';
import { a as applyMixins } from '../shared/apply-mixins.js';
import { c as classNames } from '../shared/class-names.js';
import '../shared/_has.js';
import '../shared/when.js';
import '../shared/class-names.js';
import '../shared/anchor.js';
import '../shared/aria-global.js';

@@ -14,56 +19,10 @@

class SidenavItem extends Anchor {
constructor() {
super(...arguments);
this.text = '';
}
class SidenavItem extends TextAnchor {}
applyMixins(SidenavItem, AffixIcon);
}
__decorate([attr, __metadata("design:type", Object)], SidenavItem.prototype, "text", void 0);
applyMixins(SidenavItem, Prefix);
let _ = t => t,
_t;
const getClasses = ({
text,
icon
}) => classNames('control', ['icon-only', !text && !!icon]);
const SidenavItemTemplate = context => html(_t || (_t = _`<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}"
>
const SidenavItemTemplate = (context, definition) => html(_t || (_t = _`
${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, () => prefixTemplate(context), x => x.text);
`), textAnchorTemplate(context));

@@ -70,0 +29,0 @@ const vividSidenavItem = SidenavItem.compose({

20

text-anchor/index.js

@@ -1,5 +0,9 @@

import { _ as __decorate, a as attr, b as __metadata, d as designSystem } from '../shared/index2.js';
import { d as designSystem } from '../shared/index.js';
import { T as TextAnchor } from '../shared/text-anchor.js';
import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
import '../shared/web.dom-collections.iterator.js';
import { A as Anchor } from '../shared/anchor.js';
import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
import '../shared/affix.js';
import '../shared/icon.js';
import '../shared/_has.js';
import '../shared/anchor.js';
import '../shared/apply-mixins.js';

@@ -9,12 +13,2 @@ import '../shared/aria-global.js';

class TextAnchor extends Anchor {
constructor() {
super(...arguments);
this.text = '';
}
}
__decorate([attr, __metadata("design:type", Object)], TextAnchor.prototype, "text", void 0);
const vividTextAnchor = TextAnchor.compose({

@@ -21,0 +15,0 @@ baseName: 'text-anchor',

shared/index3.js
shared/index.js

Sorry, the diff of this file is too big to display

shared/index2.js

Sorry, the diff of this file is too big to display

styles/themes/dark.css

Sorry, the diff of this file is not supported yet

styles/themes/light.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc