@vonage/vivid 3.0.0-next.2 → 3.0.0-next.22

package/breadcrumb-item/index.js

@@ -1,25 +1,37 @@
-import { _ as __decorate, o as observable, b as __metadata, h as html, d as designSystem } from '../shared/index2.js';
+import '../icon/index.js';
+import '../focus/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 { T as TextAnchor, t as textAnchorTemplate } from '../shared/text-anchor.template.js';
-import { w as when } from '../shared/index.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/when.js';
 import { c as classNames } from '../shared/class-names.js';
-import '../shared/web.dom-collections.iterator.js';
+import '../shared/icon.js';
+import '../shared/export.js';
+import '../shared/iterators.js';
+import '../shared/to-string.js';
+import '../shared/_has.js';
+import '../shared/focus.js';
 import '../shared/anchor.js';
 import '../shared/apply-mixins.js';
 import '../shared/aria-global.js';
+import '../shared/ref.js';
+import '../shared/affix.js';
+import '../shared/web.dom-collections.iterator.js';
+import '../shared/object-keys.js';
+import '../shared/focus2.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 Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.base {\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-on-canvas);\n}\n.base vwc-icon {\n  margin: 0 16px;\n  color: var(--vvd-color-neutral-70);\n  font-size: 12px;\n}\n\n.control {\n  position: relative;\n  font: inherit;\n  outline: 0 none;\n}\n.control:any-link {\n  color: var(--vvd-color-cta-70);\n  text-decoration: none;\n}\n.control:any-link:hover {\n  text-decoration: underline;\n}\n\n.control:not(:focus-visible) > .focus-indicator {\n  display: none;\n}";
 styleInject(css_248z);
 
-class BreadcrumbItem extends TextAnchor {
+class BreadcrumbItem extends BreadcrumbItem$1 {
   constructor() {
     super();
-    this.separator = true;
   }
 
 }
 
-__decorate([observable, __metadata("design:type", Boolean)], BreadcrumbItem.prototype, "separator", void 0);
+__decorate([attr, __metadata("design:type", String)], BreadcrumbItem.prototype, "text", void 0);
 
 let _2 = t => t,
     _t,
@@ -27,7 +39,7 @@ let _2 = t => t,
     _t3,
     _t4;
 
-const getClasses = _ => classNames('control', 'breadcrumb-item');
+const getClasses = _ => classNames('base');
 
 const BreadcrumbItemTemplate = (context, definition) => html(_t || (_t = _2`
       <div roll="listitem" part="listitem" class="${0}">
@@ -36,12 +48,15 @@ const BreadcrumbItemTemplate = (context, definition) => html(_t || (_t = _2`
   ${0}
 
         ${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-solid"></vwc-icon>`))));
 
 const vividBreadcrumbItem = BreadcrumbItem.compose({
   baseName: 'breadcrumb-item',
   template: BreadcrumbItemTemplate,
-  styles: css_248z
+  styles: css_248z,
+  shadowOptions: {
+    delegatesFocus: true
+  }
 });
 designSystem.register(vividBreadcrumbItem());