@getflip/swirl-components 0.497.0 → 0.498.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.json +13 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/swirl-components.cjs.js +1 -1
- package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js +7 -5
- package/dist/cjs/swirl-video-thumbnail.cjs.entry.js +1 -1
- package/dist/cjs/swirl-visually-hidden.cjs.entry.js +1 -1
- package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.css +8 -0
- package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.js +10 -4
- package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.stories.js +22 -0
- package/dist/collection/components/swirl-video-thumbnail/swirl-video-thumbnail.js +1 -1
- package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js +1 -1
- package/dist/components/assets/pdfjs/pdf.worker.min.mjs +1 -1
- package/dist/components/swirl-tree-navigation-item.js +1 -1
- package/dist/components/swirl-video-thumbnail.js +1 -1
- package/dist/components/swirl-visually-hidden2.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/swirl-components.js +1 -1
- package/dist/esm/swirl-tree-navigation-item.entry.js +7 -5
- package/dist/esm/swirl-video-thumbnail.entry.js +1 -1
- package/dist/esm/swirl-visually-hidden.entry.js +1 -1
- package/dist/swirl-components/p-b0eccc6e.entry.js +1 -0
- package/dist/swirl-components/p-ca850cc3.entry.js +1 -0
- package/dist/swirl-components/{p-97d41e9a.entry.js → p-d6a60771.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-tree-navigation-item/swirl-tree-navigation-item.d.ts +4 -0
- package/dist/types/components/swirl-tree-navigation-item/swirl-tree-navigation-item.stories.d.ts +1 -0
- package/package.json +1 -1
- package/dist/swirl-components/p-2f9a47c2.entry.js +0 -1
- package/dist/swirl-components/p-47dd9196.entry.js +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-CEYoWaAq.js';
|
|
2
2
|
import { c as classnames } from './index-orsBiyT_.js';
|
|
3
3
|
|
|
4
|
-
const swirlTreeNavigationItemCss = () => `:host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-state-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-state-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-state-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}`;
|
|
4
|
+
const swirlTreeNavigationItemCss = () => `:host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-state-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-state-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-state-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8);max-height:var(--s-line-height-sm)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4);opacity:0;transition:opacity 0.3s ease}.tree-navigation-item__link:hover .tree-navigation-item__external-icon,.tree-navigation-item__link:focus-visible .tree-navigation-item__external-icon{opacity:1}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}`;
|
|
5
5
|
|
|
6
6
|
const SwirlTreeNavigationItem = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -13,6 +13,7 @@ const SwirlTreeNavigationItem = class {
|
|
|
13
13
|
this.external = false;
|
|
14
14
|
this.expanded = false;
|
|
15
15
|
this.hasChildren = false;
|
|
16
|
+
this.hasCustomIcon = false;
|
|
16
17
|
this.childrenHeight = "0";
|
|
17
18
|
this.buttonId = `${this.navigationItemId}-button`;
|
|
18
19
|
this.childrenId = `${this.navigationItemId}-children`;
|
|
@@ -50,6 +51,7 @@ const SwirlTreeNavigationItem = class {
|
|
|
50
51
|
};
|
|
51
52
|
}
|
|
52
53
|
componentWillLoad() {
|
|
54
|
+
this.hasCustomIcon = Boolean(this.el.querySelector("[slot='custom-icon']"));
|
|
53
55
|
this.checkForChildren();
|
|
54
56
|
}
|
|
55
57
|
componentDidLoad() {
|
|
@@ -87,14 +89,14 @@ const SwirlTreeNavigationItem = class {
|
|
|
87
89
|
const Tag = isLink ? "a" : "button";
|
|
88
90
|
const linkClassName = classnames("tree-navigation-item__link", {
|
|
89
91
|
"tree-navigation-item__link--active": this.active,
|
|
90
|
-
"tree-navigation-item__link--has-icon": Boolean(this.icon),
|
|
92
|
+
"tree-navigation-item__link--has-icon": this.hasCustomIcon || Boolean(this.icon),
|
|
91
93
|
});
|
|
92
|
-
return (h(Host, { key: '
|
|
94
|
+
return (h(Host, { key: '9d410315d9ced800c379b7d05e08ecb3e51e3814', role: "none" }, h("li", { key: 'c0f8691af8bf97eef0716667588fe5ab65b2c0bb', class: {
|
|
93
95
|
"tree-navigation-item": true,
|
|
94
96
|
"tree-navigation-item--expanded": this.expanded,
|
|
95
|
-
}, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '
|
|
97
|
+
}, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '82f023dd4af3ceec7b9f890097320482ce97f3a3', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: 'f3a2e20055bf7ced64f31ca036a3122db78fedc3', class: "tree-navigation-item__content" }, this.hasCustomIcon && (h("span", { key: 'b2951e1d5d72b55cae72dd648021651bcd15538d', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, h("slot", { key: 'a13949bc1b64dbe719e5a8bf24278f875ac4f814', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (h("swirl-icon", { key: '3eb6fb9721525644d4c364dde958e8571a1a627f', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '164b0449d9f2112a4d44a7b47a8a906d1599d982', class: "tree-navigation-item__label" }, h("span", { key: 'e64fb929e885747c7df166c35109465de8f5e981', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'feb686e0c0da93524f7b8b67afceeff986940bd5', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '0e5dcf23065a2b4d395cd247e8c67181771e9777', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '647dbc1098508387613ec0dbc7cdd5b279af67f3', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '19b8f3c8a2c12448bb1bcf0b1720b0e8e24ddca5', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: '65a3fbcf1386227356bf6e278702be28d0b7c880', class: "tree-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel, size: "m", variant: "default" })))), this.hasChildren && (h("ul", { key: '4099707c9f4c96c9e2e990f9512c3ff738e1e0c5', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
|
|
96
98
|
height: this.childrenHeight,
|
|
97
|
-
} }, h("slot", { key: '
|
|
99
|
+
} }, h("slot", { key: '36979963b718cbab4349e2d9f3be492641b18fd6' }))))));
|
|
98
100
|
}
|
|
99
101
|
get el() { return getElement(this); }
|
|
100
102
|
static get watchers() { return {
|
|
@@ -8,7 +8,7 @@ const SwirlVideoThumbnail = class {
|
|
|
8
8
|
this.durationLabel = "Duration";
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: '3022d58149ece77aa8b4ea2e64c971429fec80ba' }, h("button", { key: '8f8c1cdeccf74471c7d5bfaa2eb40f7e26da68db', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'fef51a137116e2f7cb28443ce9039579d94696b4', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'f170fe4841f2038b8489b220d7bc24891bce8eda', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'cce95ca0d643e74ec1b6b586a18544243ebde8b9' }, this.durationLabel), this.duration)), h("svg", { key: '3738ed4000e2bc29f51f049d4e4308c07d086ebb', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '02154d538ed641db69c3807af34a2b12aa67ae52', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
14
|
SwirlVideoThumbnail.style = swirlVideoThumbnailCss();
|
|
@@ -7,7 +7,7 @@ const SwirlVisuallyHidden = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '1e62cf11ebbb1134c7176a28e6cf91346e382902' }, h("slot", { key: '1dd238b1e1c8c133fdfe48af7327407fbab42b00' })));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
SwirlVisuallyHidden.style = swirlVisuallyHiddenCss();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as t,a,d as n}from"./p-CEYoWaAq.js";import{c as s}from"./p-orsBiyT_.js";const r=class{constructor(t){e(this,t),this.expansionChange=i(this,"expansionChange",7),this.markAsNewLabel="New",this.level=1,this.expandable=!0,this.external=!1,this.expanded=!1,this.hasChildren=!1,this.hasCustomIcon=!1,this.childrenHeight="0",this.buttonId=`${this.navigationItemId}-button`,this.childrenId=`${this.navigationItemId}-children`,this.onKeyDown=e=>{switch(e.key){case" ":e.preventDefault(),this.toggleExpanded(e);break;case"ArrowRight":e.preventDefault(),!this.expanded&&this.hasChildren&&this.expand();break;case"ArrowLeft":e.preventDefault(),this.expanded&&this.collapse()}},this.toggleExpanded=e=>{this.expandable&&this.hasChildren&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.expanded?this.collapse():this.expand())}}componentWillLoad(){this.hasCustomIcon=Boolean(this.el.querySelector("[slot='custom-icon']")),this.checkForChildren()}componentDidLoad(){this.hasChildren&&this.expanded&&this.updateChildrenHeight()}updateChildrenHeight(){this.childrenRef&&(this.childrenHeight=this.expanded?`${this.childrenRef.scrollHeight}px`:"0")}handleExpandedChange(){this.expansionChange.emit(this.expanded),this.updateChildrenHeight()}checkForChildren(){this.hasChildren=Boolean(this.el.querySelector("swirl-tree-navigation-item"))}async expand(){!this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!0)}async collapse(){this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!1)}render(){const e=Boolean(this.href),i=e?"a":"button",n=s("tree-navigation-item__link",{"tree-navigation-item__link--active":this.active,"tree-navigation-item__link--has-icon":this.hasCustomIcon||Boolean(this.icon)});return t(a,{key:"9d410315d9ced800c379b7d05e08ecb3e51e3814",role:"none"},t("li",{key:"c0f8691af8bf97eef0716667588fe5ab65b2c0bb",class:{"tree-navigation-item":!0,"tree-navigation-item--expanded":this.expanded},role:"treeitem","aria-expanded":this.hasChildren?this.expanded:void 0,"aria-level":this.level},t(i,{key:"82f023dd4af3ceec7b9f890097320482ce97f3a3",onClick:this.toggleExpanded,onKeyDown:this.onKeyDown,class:n,href:this.href,target:this.target,type:e?void 0:"button",id:this.buttonId,"aria-current":this.active?"page":void 0,"aria-controls":this.hasChildren?this.childrenId:void 0,"aria-expanded":this.hasChildren?this.expanded:void 0},t("span",{key:"f3a2e20055bf7ced64f31ca036a3122db78fedc3",class:"tree-navigation-item__content"},this.hasCustomIcon&&t("span",{key:"b2951e1d5d72b55cae72dd648021651bcd15538d",class:"tree-navigation-item__icon","aria-hidden":"true",role:"img","aria-label":`${this.label} icon`},t("slot",{key:"a13949bc1b64dbe719e5a8bf24278f875ac4f814",name:"custom-icon"})),!this.hasCustomIcon&&this.icon&&t("swirl-icon",{key:"3eb6fb9721525644d4c364dde958e8571a1a627f",class:"tree-navigation-item__icon",glyph:this.icon,size:20,"aria-hidden":"true",role:"img","aria-label":`${this.label} icon`}),t("span",{key:"164b0449d9f2112a4d44a7b47a8a906d1599d982",class:"tree-navigation-item__label"},t("span",{key:"e64fb929e885747c7df166c35109465de8f5e981",class:"tree-navigation-item__label-text"},this.label),this.expandable&&this.hasChildren&&!this.external&&t("span",{key:"feb686e0c0da93524f7b8b67afceeff986940bd5",class:"tree-navigation-item__toggle-icon","aria-hidden":"true"},t("swirl-icon-chevron-right",{key:"0e5dcf23065a2b4d395cd247e8c67181771e9777",size:16,role:"img","aria-label":"Expand"})),this.external&&t("span",{key:"647dbc1098508387613ec0dbc7cdd5b279af67f3",class:"tree-navigation-item__external-icon","aria-hidden":"true"},t("swirl-icon-open-in-new",{key:"19b8f3c8a2c12448bb1bcf0b1720b0e8e24ddca5",size:16,role:"img","aria-label":"External link"}))),this.markAsNew&&t("swirl-tag",{key:"65a3fbcf1386227356bf6e278702be28d0b7c880",class:"tree-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel,size:"m",variant:"default"}))),this.hasChildren&&t("ul",{key:"4099707c9f4c96c9e2e990f9512c3ff738e1e0c5",class:"tree-navigation-item__children",id:this.childrenId,role:"group","aria-label":`${this.label} submenu`,ref:e=>this.childrenRef=e,style:{height:this.childrenHeight}},t("slot",{key:"36979963b718cbab4349e2d9f3be492641b18fd6"}))))}get el(){return n(this)}static get watchers(){return{expanded:[{handleExpandedChange:0}]}}};r.style=":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-state-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-state-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-state-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8);max-height:var(--s-line-height-sm)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4);opacity:0;transition:opacity 0.3s ease}.tree-navigation-item__link:hover .tree-navigation-item__external-icon,.tree-navigation-item__link:focus-visible .tree-navigation-item__external-icon{opacity:1}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}";export{r as swirl_tree_navigation_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as i,a}from"./p-CEYoWaAq.js";const t=class{constructor(i){e(this,i),this.durationLabel="Duration"}render(){return i(a,{key:"3022d58149ece77aa8b4ea2e64c971429fec80ba"},i("button",{key:"8f8c1cdeccf74471c7d5bfaa2eb40f7e26da68db","aria-describedby":void 0!==this.duration?"duration":void 0,"aria-label":this.label,class:"video-thumbnail",type:"button"},i("img",{key:"fef51a137116e2f7cb28443ce9039579d94696b4",alt:"",class:"video-thumbnail__image",loading:"lazy",src:this.src}),this.duration&&i("span",{key:"f170fe4841f2038b8489b220d7bc24891bce8eda",class:"video-thumbnail__duration",id:"duration"},i("swirl-visually-hidden",{key:"cce95ca0d643e74ec1b6b586a18544243ebde8b9"},this.durationLabel),this.duration),i("svg",{key:"3738ed4000e2bc29f51f049d4e4308c07d086ebb",class:"video-thumbnail__play-icon",fill:"none",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"02154d538ed641db69c3807af34a2b12aa67ae52",d:"M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z",fill:"white","fill-opacity":"0.95"}))))}};t.style=':host{display:flex;width:100%}:host *{box-sizing:border-box}.video-thumbnail{position:relative;display:inline-flex;width:100%;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;container-type:inline-size;container-name:video-thumbnail}.video-thumbnail:after{position:absolute;background-color:rgba(0, 0, 0, 0.05);content:"";inset:0}.video-thumbnail:focus:not(:focus-visible){outline:none}.video-thumbnail:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.video-thumbnail__image{width:100%}.video-thumbnail__duration{position:absolute;bottom:var(--s-space-8);left:var(--s-space-8);padding:var(--s-space-2) var(--s-space-8);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), rgba(255, 255, 255, 0.1);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}.video-thumbnail__play-icon{position:absolute;z-index:1;top:50%;left:50%;width:2.5rem;height:2.5rem;transform:translate3d(-50%, -50%, 0)}@container video-thumbnail (min-width: 448px){.video-thumbnail__play-icon{width:3.5rem;height:4.5rem}}';export{t as swirl_video_thumbnail}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as r,a as i}from"./p-CEYoWaAq.js";const a=class{constructor(r){e(this,r)}render(){return r(i,{key:"
|
|
1
|
+
import{r as e,h as r,a as i}from"./p-CEYoWaAq.js";const a=class{constructor(r){e(this,r)}render(){return r(i,{key:"1e62cf11ebbb1134c7176a28e6cf91346e382902"},r("slot",{key:"1dd238b1e1c8c133fdfe48af7327407fbab42b00"}))}};a.style=".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}";export{a as swirl_visually_hidden}
|