@uplynk/lynk-design 1.12.0 → 1.13.0

package/cdn/chunks/chunk.XN46C33K.js

@@ -0,0 +1,135 @@
+import{h as a}from"./chunk.3I3N5SZS.js";var e=a`
+  :host {
+    --width: 30rem;
+    --header-spacing: var(--lynk-spacing-large);
+    --body-spacing: var(--lynk-spacing-large);
+    --footer-spacing: var(--lynk-spacing-large);
+
+    display: contents;
+  }
+
+  .dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: var(--lynk-z-index-dialog);
+  }
+
+  .dialog__panel {
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    width: var(--width);
+    max-width: calc(100% - var(--lynk-spacing-2x-large));
+    max-height: calc(100% - var(--lynk-spacing-2x-large));
+    background-color: var(--lynk-panel-background-color);
+    border-radius: var(--lynk-border-radius-medium);
+    box-shadow: var(--lynk-shadow-x-large);
+    transition:
+      var(--lynk-transition-fast) width,
+      var(--lynk-transition-fast) height;
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog--open .dialog__panel {
+    display: flex;
+    opacity: 1;
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+  }
+
+  .dialog__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-large);
+    line-height: var(--lynk-line-height-dense);
+    padding: var(--header-spacing);
+    margin: 0;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .dialog__header-actions lynk-icon-button,
+  .dialog__header-actions ::slotted(lynk-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .dialog__footer ::slotted(lynk-button:not(:first-of-type)) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--lynk-overlay-background-color);
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--lynk-color-neutral-0);
+    }
+  }
+
+  /*
+  * Size modifiers
+  */
+
+  .dialog--fitted .dialog__panel {
+    width: 80vw;
+    min-height: 80vh;
+  }
+
+  .dialog--full .dialog__panel {
+    width: calc(100% - var(--lynk-spacing-2x-large));
+    height: calc(100% - var(--lynk-spacing-2x-large));
+  }
+`;export{e as a};

package/cdn/chunks/chunk.XTB4RCMM.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3RKBFDLR.js";var i=e;e.define("lynk-responsive-media");export{i as a};

package/cdn/chunks/chunk.XU6PLDBF.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4NCL75UB.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tooltip";e.define("lynk-tooltip");var v=n({tagName:o,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide"},displayName:"LynkTooltip"}),p=v;export{p as a};

package/cdn/chunks/chunk.XWMDQGF7.js

@@ -0,0 +1,46 @@
+import{a as S}from"./chunk.I2G2IAR5.js";import{a as T}from"./chunk.PQ6HE5AX.js";import{a as h,b as p}from"./chunk.HUMDDNNQ.js";import{a as E}from"./chunk.6OLHG5AF.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as n,c as d}from"./chunk.VDJQBFEB.js";import{a,c as l}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.NZJ7BTMN.js";import{a as v}from"./chunk.5Z563OMH.js";import{a as k}from"./chunk.YHSYTTFF.js";import{a as y}from"./chunk.YZSIY5HS.js";import{a as b}from"./chunk.B7RKX34M.js";import{a as s,d as c,g as C}from"./chunk.GJLEIQTM.js";import{a as g}from"./chunk.KQHRUDLH.js";import{a as f}from"./chunk.3I3N5SZS.js";import{e as i}from"./chunk.FI4IKBIW.js";function w(m){return m.charAt(0).toUpperCase()+m.slice(1)}var t=class extends C{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new _(this);this.modal=new S(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.contained||e.key==="Escape"&&this.modal.isActive()&&this.open&&(e.stopImmediatePropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),h(this)))}disconnectedCallback(){super.disconnectedCallback(),p(this),this.removeOpenListeners()}requestClose(e){if(this.emit("ev-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let o=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,o.keyframes,o.options);return}this.hide()}addOpenListeners(){var e;"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.contained||(this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var e;document.removeEventListener("keydown",this.handleDocumentKeyDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),h(this));let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.drawer),d(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame(()=>{this.emit("ev-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=l(this,`drawer.show${w(this.placement)}`,{dir:this.localize.dir()}),o=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,o.keyframes,o.options)]),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),p(this)),await Promise.all([d(this.drawer),d(this.overlay)]);let e=l(this,`drawer.hide${w(this.placement)}`,{dir:this.localize.dir()}),r=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;let o=this.originalTrigger;typeof(o==null?void 0:o.focus)=="function"&&setTimeout(()=>o.focus()),this.emit("ev-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),h(this)),this.open&&this.contained&&(this.modal.deactivate(),p(this))}async show(){if(!this.open)return this.open=!0,u(this,"ev-after-show")}async hide(){var r;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((r=document.activeElement)==null||r.blur()),this.open=!1,u(this,"ev-after-hide")}render(){return f`
+      <div
+        part="base"
+        class=${b({drawer:!0,"drawer--open":this.open,"drawer--top":this.placement==="top","drawer--end":this.placement==="end","drawer--bottom":this.placement==="bottom","drawer--start":this.placement==="start","drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":this.localize.dir()==="rtl","drawer--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <div part="overlay" class="drawer__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="drawer__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${v(this.noHeader?this.label:void 0)}
+          aria-labelledby=${v(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":f`
+                <header part="header" class="drawer__header">
+                  <h2 part="title" class="drawer__title" id="title">
+                    <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                    <slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
+                  </h2>
+                  <div part="header-actions" class="drawer__header-actions">
+                    <slot name="header-actions"></slot>
+                    <lynk-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="drawer__close"
+                      name="x-lg"
+                      label=${this.localize.term("close")}
+                      library="system"
+                      @click=${()=>this.requestClose("close-button")}
+                    ></lynk-icon-button>
+                  </div>
+                </header>
+              `}
+
+          <slot part="body" class="drawer__body"></slot>
+
+          <footer part="footer" class="drawer__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};t.styles=[g,T],t.dependencies={"lynk-icon-button":E},i([c(".drawer")],t.prototype,"drawer",2),i([c(".drawer__panel")],t.prototype,"panel",2),i([c(".drawer__overlay")],t.prototype,"overlay",2),i([s({type:Boolean,reflect:!0})],t.prototype,"open",2),i([s({reflect:!0})],t.prototype,"label",2),i([s({reflect:!0})],t.prototype,"placement",2),i([s({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([s({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([y("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([y("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1);a("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});a("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}});a("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});a("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}});a("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});a("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}});a("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});a("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}});a("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}});a("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});a("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn/chunks/chunk.XXKVV7C5.js

@@ -0,0 +1,14 @@
+import{a as o}from"./chunk.DCWLASXX.js";import{a as h}from"./chunk.5XTAHVID.js";import{a}from"./chunk.YZSIY5HS.js";import{a as l}from"./chunk.B7RKX34M.js";import{a as s,b as r,g as d}from"./chunk.GJLEIQTM.js";import{a as c}from"./chunk.KQHRUDLH.js";import{a as i}from"./chunk.3I3N5SZS.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends d{constructor(){super();this.checked=!1;this.hasFocus=!1;this.size="medium";this.disabled=!1;this.handleBlur=()=>{this.hasFocus=!1,this.emit("ev-blur")};this.handleClick=()=>{this.disabled||(this.checked=!0)};this.handleFocus=()=>{this.hasFocus=!0,this.emit("ev-focus")};this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return i`
+      <span
+        part="base"
+        class=${l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
+      >
+        <span part="${`control${this.checked?" control--checked":""}`}" class="radio__control">
+          ${this.checked?i`
+                <lynk-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></lynk-icon>
+              `:""}
+        </span>
+
+        <slot part="label" class="radio__label"></slot>
+      </span>
+    `}};e.styles=[c,o],e.dependencies={"lynk-icon":h},t([r()],e.prototype,"checked",2),t([r()],e.prototype,"hasFocus",2),t([s()],e.prototype,"value",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("checked")],e.prototype,"handleCheckedChange",1),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.XYIUQM6Q.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.IPRUNFJH.js";import*as r from"react";import{createComponent as o}from"@lit/react";var t="lynk-progress-ring";e.define("lynk-progress-ring");var n=o({tagName:t,elementClass:e,react:r,events:{},displayName:"LynkProgressRing"}),m=n;export{m as a};

package/cdn/chunks/chunk.XYTL3EX3.js

@@ -0,0 +1,10 @@
+import{h as o}from"./chunk.3I3N5SZS.js";var i=o`
+  .combobox:not(.combobox--disabled) .combobox__display-input {
+    cursor: text;
+  }
+
+  .listbox__options ::slotted(lynk-option[hidden]),
+  .listbox__options ::slotted(lynk-optgroup[hidden]) {
+    display: none;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.XZ4XXT3G.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.RVFC6G6V.js";import*as t from"react";import{createComponent as o}from"@lit/react";var p="lynk-optgroup";e.define("lynk-optgroup");var r=o({tagName:p,elementClass:e,react:t,events:{},displayName:"LynkOptgroup"}),m=r;export{m as a};

package/cdn/chunks/chunk.XZLB5EP2.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PML4PJJB.js";import*as r from"react";import{createComponent as t}from"@lit/react";var a="lynk-breadcrumb";e.define("lynk-breadcrumb");var m=t({tagName:a,elementClass:e,react:r,events:{},displayName:"LynkBreadcrumb"}),c=m;export{c as a};

package/cdn/chunks/chunk.Y4OA43KJ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.JD44QWRO.js";var a=e;e.define("lynk-date-time-picker");export{a};

package/cdn/chunks/chunk.YFD3WKQR.js

@@ -0,0 +1,68 @@
+import{h as t}from"./chunk.3I3N5SZS.js";var a=t`
+  :host {
+    --gap: var(--lynk-spacing-small);
+    --content-percentage: initial;
+    --flank-size: initial;
+    --height: 100%;
+
+    display: block;
+    text-align: unset;
+  }
+
+  .flank {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap);
+    margin-block: 0;
+    margin-inline: 0;
+    height: var(--height);
+  }
+
+  :host([align~='center']) .flank {
+    align-items: center;
+  }
+
+  :host([align~='end']) .flank {
+    align-items: end;
+  }
+
+  :host([align~='stretch']) .flank {
+    align-items: stretch;
+  }
+
+  :host([align~='baseline']) .flank {
+    align-items: baseline;
+  }
+
+  :host([align~='start']) .flank {
+    align-items: start;
+  }
+
+  :host:not([end]) .flank::slotted(:first-child),
+  :host([start]) .flank::slotted(:first-child) {
+    flex-basis: var(--flank-size, auto);
+    flex-grow: 1;
+  }
+
+  :host:not([end]) .flank::slotted(:last-child),
+  :host([start]) .flank::slotted(:last-child) {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: var(--content-percentage, 50%);
+  }
+
+  :host([end]) .flank::slotted(:last-child) {
+    flex-basis: var(--flank-size, auto);
+    flex-grow: 1;
+  }
+
+  :host([end]) .flank::slotted(:first-child) {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: var(--content-percentage, 50%);
+  }
+
+  .flank::slotted(lynk-icon) {
+    flex-shrink: 0;
+  }
+`;export{a};

package/cdn/chunks/chunk.YG5UQNBE.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7KIGXBT7.js";import*as t from"react";import{createComponent as a}from"@lit/react";var n="lynk-truncate";e.define("lynk-truncate");var r=a({tagName:n,elementClass:e,react:t,events:{},displayName:"LynkTruncate"}),c=r;export{c as a};

package/cdn/chunks/chunk.YHSYTTFF.js

@@ -0,0 +1 @@
+var o=class{constructor(t,...e){this.slotNames=[];this.handleSlotChange=t=>{let e=t.target;(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name))&&this.host.requestUpdate()};(this.host=t).addController(this),this.slotNames=e}hasDefaultSlot(){return[...this.host.childNodes].some(t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!=="")return!0;if(t.nodeType===t.ELEMENT_NODE){let e=t;if(e.tagName.toLowerCase()==="lynk-visually-hidden")return!1;if(!e.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(t){return this.host.querySelector(`:scope > [slot="${t}"]`)!==null}test(t){return t==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};function r(s){if(!s)return"";let t=s.assignedNodes({flatten:!0}),e="";return[...t].forEach(n=>{n.nodeType===Node.TEXT_NODE&&(e+=n.textContent)}),e}export{o as a,r as b};

package/cdn/chunks/chunk.YJABHTXO.js

@@ -0,0 +1,168 @@
+import{h as e}from"./chunk.3I3N5SZS.js";var i=e`
+  :host {
+    display: contents;
+    --width: 240px;
+    --collapsed-width: 24px;
+    --header-spacing: var(--lynk-spacing-large);
+    --body-spacing: var(--lynk-spacing-large);
+    --footer-spacing: var(--lynk-spacing-large);
+    --background-color: var(--lynk-color-neutral-0);
+  }
+
+  .page-sidebar {
+    position: relative;
+    display: flex;
+    min-width: var(--collapsed-width);
+    max-width: 0;
+    width: var(--width);
+    max-height: 100%;
+    height: 100%;
+    background-color: var(--background-color);
+    transition: max-width var(--lynk-transition-medium);
+  }
+
+  .page-sidebar.page-sidebar--open {
+    max-width: var(--width);
+  }
+
+  .page-sidebar__container {
+    width: var(--width);
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity var(--lynk-transition-medium);
+  }
+
+  .page-sidebar--open .page-sidebar__container {
+    opacity: 1;
+    pointer-events: auto;
+    transition-delay: var(--lynk-transition-fast);
+  }
+
+  .page-sidebar__nav {
+    display: inline-block;
+  }
+
+  .page-sidebar--open .page-sidebar__nav {
+    border-right: 1px solid var(--lynk-color-neutral-100);
+  }
+
+  .page-sidebar.page-sidebar--left {
+    border-inline-end: 1px solid var(--lynk-color-neutral-200);
+    height: 100%;
+  }
+
+  .page-sidebar.page-sidebar--right {
+    border-inline-start: 1px solid var(--lynk-color-neutral-200);
+    height: 100%;
+  }
+
+  .page-sidebar.page-sidebar--right-inset,
+  .page-sidebar.page-sidebar--left-inset {
+    border-radius: 8px;
+    border: 1px solid var(--lynk-color-neutral-200);
+    margin: var(--lynk-spacing-base) auto;
+    height: calc(100% - 32px);
+  }
+
+  .page-sidebar.page-sidebar--left-inset {
+    margin-left: var(--lynk-page-margin);
+    margin-right: 0;
+  }
+
+  .page-sidebar.page-sidebar--right-inset {
+    margin-right: var(--lynk-page-margin);
+    margin-left: 0;
+  }
+
+  .page-sidebar__header {
+    display: none;
+  }
+
+  .page-sidebar--has-header .page-sidebar__header {
+    display: flex;
+    padding: var(--header-spacing);
+    gap: var(--header-spacing);
+    align-items: center;
+  }
+
+  .page-sidebar__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-base);
+    font-weight: var(--lynk-font-weight-semibold);
+    line-height: var(--lynk-line-height-dense);
+    margin: 0;
+  }
+
+  .page-sidebar__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+  }
+
+  .page-sidebar__header-actions lynk-button,
+  .page-sidebar__header-actions ::slotted(lynk-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    margin: 0;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .page-sidebar__body {
+    flex: 1 1 auto;
+    padding: var(--body-spacing);
+    overflow: hidden auto;
+    display: block;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .page-sidebar__toggle {
+    position: absolute;
+    top: var(--header-spacing);
+    z-index: 1;
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--center {
+    top: 50%;
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--bottom {
+    top: unset;
+    bottom: var(--footer-spacing);
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--hidden {
+    display: none;
+  }
+
+  .page-sidebar--left .page-sidebar__toggle,
+  .page-sidebar--left-inset .page-sidebar__toggle {
+    right: -13px;
+  }
+
+  .page-sidebar--right .page-sidebar__toggle,
+  .page-sidebar--right-inset .page-sidebar__toggle {
+    left: -13px;
+    rotate: 180deg;
+  }
+
+  .page-sidebar__footer {
+    padding: var(--footer-spacing);
+  }
+
+  .page-sidebar__footer ::slotted(lynk-button:not(:last-of-type)) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .page-sidebar:not(.page-sidebar--has-footer) .page-sidebar__footer {
+    display: none;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.YQ62NZ6W.js

@@ -0,0 +1,31 @@
+import{h as e}from"./chunk.3I3N5SZS.js";var o=e`
+  :host {
+    display: block;
+  }
+
+  .responsive-media {
+    position: relative;
+  }
+
+  .responsive-media ::slotted(*) {
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 100% !important;
+  }
+
+  .responsive-media--cover ::slotted(embed),
+  .responsive-media--cover ::slotted(iframe),
+  .responsive-media--cover ::slotted(img),
+  .responsive-media--cover ::slotted(video) {
+    object-fit: cover !important;
+  }
+
+  .responsive-media--contain ::slotted(embed),
+  .responsive-media--contain ::slotted(iframe),
+  .responsive-media--contain ::slotted(img),
+  .responsive-media--contain ::slotted(video) {
+    object-fit: contain !important;
+  }
+`;export{o as a};

package/cdn/chunks/chunk.YRLNBHR3.js

@@ -0,0 +1,62 @@
+import{a as b}from"./chunk.YJABHTXO.js";import{a as f}from"./chunk.UUOYHF2E.js";import{a as m}from"./chunk.4NCL75UB.js";import{a as g}from"./chunk.GPGYCRKQ.js";import{a as l}from"./chunk.KLRPP4NQ.js";import{a as d}from"./chunk.NZJ7BTMN.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as r}from"./chunk.B7RKX34M.js";import{a as i,d as o,g as h}from"./chunk.GJLEIQTM.js";import{a as n}from"./chunk.KQHRUDLH.js";import{a as s}from"./chunk.3I3N5SZS.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends h{constructor(){super(...arguments);this.hasSlotController=new p(this,"footer","header","heading","header-actions");this.localize=new d(this);this.open=!1;this.placement="left";this.toggle="none";this.togglePlacement="top";this.toggleTipHideText="Hide Sidebar";this.toggleTipShowText="Show Sidebar"}connectedCallback(){super.connectedCallback(),!this.slot&&this.hasParentLayout()&&(this.slot=`${this.placement}-sidebar`),this.toggle==="none"&&(this.open=!0)}firstUpdated(){this.updateVisibility()}async show(){if(!this.open)return this.open=!0,l(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,l(this,"ev-after-hide")}hasParentLayout(){return this.parentElement instanceof f}handleToggleClick(){this.open?this.hide():this.show()}updateVisibility(){this.toggle==="visibility"&&(this.sidebar.hidden=!this.open),this.toggle==="contents"&&(this.tooltip.hide(),this.body.hidden=!this.open,this.header.hidden=!this.open,this.footer.hidden=!this.open)}handleOpenChange(){this.open?(this.emit("ev-show"),this.updateVisibility(),this.emit("ev-after-show")):(this.emit("ev-hide"),this.updateVisibility(),this.emit("ev-after-hide"))}render(){let a=!!this.heading;return s`
+      <aside
+        part="base"
+        class=${r({"page-sidebar":!0,"page-sidebar--open":this.open,"page-sidebar--left":this.placement==="left","page-sidebar--right":this.placement==="right","page-sidebar--left-inset":this.placement==="left-inset","page-sidebar--right-inset":this.placement==="right-inset","page-sidebar--rtl":this.localize.dir()==="rtl","page-sidebar--has-header":this.hasSlotController.test("header")||this.hasSlotController.test("heading")||this.hasSlotController.test("header-actions")||a,"page-sidebar--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <slot name="nav" part="nav" class="page-sidebar__nav"></slot>
+        <div part="container" class="page-sidebar__container">
+          <header part="header" class="page-sidebar__header">
+            <slot name="header">
+              <h2 part="title" class="page-sidebar__title" id="title">
+                <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                <slot name="heading">
+                  ${this.heading&&this.heading.length>0?this.heading:"\uFEFF"}
+                </slot>
+              </h2>
+              <div part="header-actions" class="page-sidebar__header-actions">
+                <slot name="header-actions">
+                  ${this.toggle==="visibility"?s`
+                        <lynk-button
+                          part="close-button"
+                          size="tiny"
+                          circle
+                          label=${this.localize.term("close")}
+                          @click=${this.handleToggleClick}
+                        >
+                          <lynk-icon library="system" name="x-lg"></lynk-icon>
+                        </lynk-button>
+                      `:""}
+                </slot>
+              </div>
+            </slot>
+          </header>
+
+          <slot part="body" class="page-sidebar__body"></slot>
+
+          <footer part="footer" class="page-sidebar__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+
+        ${this.toggle==="contents"?s`
+              <lynk-tooltip
+                hoist
+                placement="bottom"
+                class="page-sidebar__trigger-tooltip"
+                content="${this.open?this.toggleTipHideText:this.toggleTipShowText}"
+              >
+                <lynk-button
+                  part="close-button"
+                  size="tiny"
+                  circle
+                  exportparts="base:close-button__base"
+                  class=${r({"page-sidebar__toggle":!0,"page-sidebar__toggle--center":this.togglePlacement==="center","page-sidebar__toggle--bottom":this.togglePlacement==="bottom","page-sidebar__toggle--hidden":this.togglePlacement==="hidden"})}
+                  label=${this.localize.term("close")}
+                  @click=${this.handleToggleClick}
+                >
+                  <lynk-icon library="system" name="${this.open?"chevron-left":"chevron-right"}"></lynk-icon>
+                </lynk-button>
+              </lynk-tooltip>
+            `:""}
+      </aside>
+    `}};t.styles=[n,b],t.dependencies={"lynk-button":g,"lynk-tooltip":m},e([o(".page-sidebar")],t.prototype,"sidebar",2),e([o(".page-sidebar__container")],t.prototype,"container",2),e([o(".page-sidebar__body")],t.prototype,"body",2),e([o(".page-sidebar__header")],t.prototype,"header",2),e([o(".page-sidebar__footer")],t.prototype,"footer",2),e([o(".page-sidebar__trigger-tooltip")],t.prototype,"tooltip",2),e([i({type:Boolean,reflect:!0})],t.prototype,"open",2),e([i({reflect:!0})],t.prototype,"heading",2),e([i({reflect:!0})],t.prototype,"placement",2),e([i({reflect:!0})],t.prototype,"toggle",2),e([i({attribute:"toggle-placement",reflect:!0})],t.prototype,"togglePlacement",2),e([i({attribute:"toggle-tip-hide-text",reflect:!1})],t.prototype,"toggleTipHideText",2),e([i({attribute:"toggle-tip-show-text",reflect:!1})],t.prototype,"toggleTipShowText",2),e([c("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);export{t as a};