@luzmo/lucero 1.0.3-alpha.8 → 1.0.3-alpha.9
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/checkbox/checkbox.d.ts +1 -1
- package/components/date-range-picker/index.cjs +1 -1
- package/components/date-range-picker/index.js +1 -1
- package/components/{date-range-picker-DdY9hGsU.cjs → date-range-picker-A-XRRg1X.cjs} +1 -1
- package/components/{date-range-picker-DocjwZKA.js → date-range-picker-CcDzRDm5.js} +1 -1
- package/components/date-time-picker/index.cjs +1 -1
- package/components/date-time-picker/index.js +1 -1
- package/components/{date-time-picker-DdujhIkd.cjs → date-time-picker-Ca9GEA4N.cjs} +1 -1
- package/components/{date-time-picker-CPbIj4TN.js → date-time-picker-PHKHDgL9.js} +1 -1
- package/components/index.cjs +1 -1
- package/components/index.js +12 -12
- package/components/prompt-box/controllers/attachments-controller.d.ts +1 -0
- package/components/prompt-box/index.cjs +1 -1
- package/components/prompt-box/index.d.ts +2 -1
- package/components/prompt-box/index.js +2 -2
- package/components/prompt-box/prompt-box-templates.d.ts +3 -0
- package/components/prompt-box/prompt-box.d.ts +30 -4
- package/components/prompt-box/types.d.ts +8 -0
- package/components/{prompt-box-Bj0qIPOy.js → prompt-box-DahvVbcc.js} +205 -155
- package/components/prompt-box-DfTe3nG0.cjs +311 -0
- package/components/skeleton-loader/index.cjs +1 -1
- package/components/skeleton-loader/index.js +1 -1
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +1 -1
- package/components/status-light/index.cjs +1 -1
- package/components/status-light/index.js +1 -1
- package/components/switch/index.cjs +1 -1
- package/components/switch/index.js +1 -1
- package/components/tabs/index.cjs +1 -1
- package/components/tabs/index.js +1 -1
- package/components/{tabs-DYpbsO58.js → tabs-B54ELQtU.js} +1 -1
- package/components/{tabs-CTKkW-L8.cjs → tabs-Jo_qqM_H.cjs} +1 -1
- package/components/tags/index.cjs +1 -1
- package/components/tags/index.js +1 -1
- package/components/top-nav/index.cjs +1 -1
- package/components/top-nav/index.js +1 -1
- package/components/{top-nav-CMVB3G_v.js → top-nav-B3w3DZ56.js} +1 -1
- package/components/{top-nav-bekRXHUk.cjs → top-nav-DZO8yZs6.cjs} +1 -1
- package/custom-elements.json +1 -1
- package/package.json +1 -1
- package/components/prompt-box-6Z5LIjCF.cjs +0 -299
- /package/components/{scaled-indicator-DF45Sc3W.cjs → scaled-indicator-Bl-3A2gz.cjs} +0 -0
- /package/components/{scaled-indicator-BoLeYSgL.js → scaled-indicator-fMYan6VK.js} +0 -0
- /package/components/{skeleton-loader-B8NgELvX.cjs → skeleton-loader-dNRfq6lt.cjs} +0 -0
- /package/components/{skeleton-loader-C1XG3m_u.js → skeleton-loader-oJVESWls.js} +0 -0
- /package/components/{slider-uXRKcOz5.cjs → slider-D8w2ipBg.cjs} +0 -0
- /package/components/{slider-3QBnq0S8.js → slider-Fy-VeKrU.js} +0 -0
- /package/components/{status-light-CBaAFRUc.cjs → status-light-BG_kopZQ.cjs} +0 -0
- /package/components/{status-light-Bf8jGu4G.js → status-light-DXWPBufE.js} +0 -0
- /package/components/{switch-C5g5t5x2.js → switch-CSuMgmAh.js} +0 -0
- /package/components/{switch-COhz9ka9.cjs → switch-nuCOB2P3.cjs} +0 -0
- /package/components/{tags-CBL5oFEo.js → tags-Bpl4u-eo.js} +0 -0
- /package/components/{tags-CndS4S2k.cjs → tags-Dj7Xm3KI.cjs} +0 -0
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./focus-visible-B0NNezGc.cjs`),r=require(`./focusable-CupEoHmn.cjs`),i=require(`./roving-tabindex-B7x5ePUB.cjs`);require(`./icon-B7hKwn_q.cjs`);const a=require(`./observe-slot-text-BhTcGuHY.cjs`),o=require(`./random-id-B51lUxUB.cjs`);require(`./action-button-Cr_QN4On.cjs`);const s=require(`./observe-slot-presence-Dx8hzNzK.cjs`),c=require(`./scaled-indicator-
|
|
18
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./focus-visible-B0NNezGc.cjs`),r=require(`./focusable-CupEoHmn.cjs`),i=require(`./roving-tabindex-B7x5ePUB.cjs`);require(`./icon-B7hKwn_q.cjs`);const a=require(`./observe-slot-text-BhTcGuHY.cjs`),o=require(`./random-id-B51lUxUB.cjs`);require(`./action-button-Cr_QN4On.cjs`);const s=require(`./observe-slot-presence-Dx8hzNzK.cjs`),c=require(`./scaled-indicator-Bl-3A2gz.cjs`);let l=require(`lit`),u=require(`lit/decorators.js`),d=require(`@luzmo/icons`),f=require(`lit/directives/if-defined.js`),p=require(`lit/directives/class-map.js`),m=require(`lit/decorators/property.js`),h=require(`@lit-labs/observers/intersection-controller.js`),g=require(`@lit-labs/observers/resize-controller.js`);var _=`:host{font-family:var(--luzmo-tab-font-family,var(--luzmo-font-family));box-sizing:border-box;block-size:calc(var(--luzmo-tabs-item-height,var(--tabs-item-height)) - var(--luzmo-tabs-divider-size,var(--tabs-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-tabs-color,var(--luzmo-tabs-color,var(--tabs-color)));transition:color var(--luzmo-tabs-animation-duration,var(--tabs-animation-duration)) ease-out;cursor:pointer;outline:none;-webkit-text-decoration:none;text-decoration:none;position:relative}::slotted([slot=icon]){block-size:var(--luzmo-tabs-icon-size,var(--tabs-icon-size));inline-size:var(--luzmo-tabs-icon-size,var(--tabs-icon-size));margin-block-start:var(--luzmo-tabs-top-to-icon,var(--tabs-top-to-icon))}[name=icon]+#item-label{margin-inline-start:var(--luzmo-tabs-icon-to-text,var(--tabs-icon-to-text))}:host:before{content:"";box-sizing:border-box;block-size:calc(100% - var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)));inline-size:calc(100% + var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * 2);border-radius:var(--luzmo-tabs-focus-indicator-border-radius,var(--tabs-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)) / 2);inset-inline-start:calc(var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * -1);inset-inline-end:calc(var(--luzmo-tabs-focus-indicator-gap,var(--tabs-focus-indicator-gap)) * -1);border:var(--luzmo-tabs-focus-indicator-width,var(--tabs-focus-indicator-width)) solid transparent!important}@media (hover:hover){:host(:hover){color:var(--highcontrast-tabs-color-hover,var(--luzmo-tabs-color-hover,var(--tabs-color-hover)))}}:host([selected]){color:var(--highcontrast-tabs-color-selected,var(--luzmo-tabs-color-selected,var(--tabs-color-selected)))}:host([disabled]){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--luzmo-tabs-color-disabled,var(--tabs-color-disabled)))}:host([disabled]) #item-label{cursor:default}:host(:focus-visible){color:var(--highcontrast-tabs-color-key-focus,var(--luzmo-tabs-color-key-focus,var(--tabs-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--luzmo-tabs-focus-indicator-color,var(--tabs-focus-indicator-color)))!important}#item-label{cursor:pointer;vertical-align:top;font-family:var(--luzmo-tabs-font-family,var(--tabs-font-family));font-style:var(--luzmo-tabs-font-style,var(--tabs-font-style));font-size:var(--luzmo-tabs-font-size,var(--tabs-font-size));font-weight:var(--luzmo-tabs-font-weight,var(--tabs-font-weight));line-height:var(--luzmo-tabs-line-height,var(--tabs-line-height));margin-block-start:var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text));margin-block-end:var(--luzmo-tabs-bottom-to-text,var(--tabs-bottom-to-text));-webkit-text-decoration:none;text-decoration:none;display:inline-block}#item-label:empty{display:none}:host{scroll-margin-inline:var(--luzmo-tabs-item-horizontal-spacing,var(--tabs-item-horizontal-spacing))}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:buttonface}:host ::slotted([slot=icon]){z-index:1;color:inherit;position:relative}#item-label{z-index:1;position:relative}:host([selected]),:host([selected]) ::slotted([slot=icon]),:host([selected]) #item-label{color:highlighttext}}:host([vertical]){flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex}:host([dir][vertical]) slot[name=icon]+#item-label{margin-inline-start:0;margin-block:calc(var(--luzmo-tabs-top-to-text,var(--tabs-top-to-text)) / 2) calc(var(--luzmo-tabs-bottom-to-text,var(--tabs-bottom-to-text)) / 2)}:host([vertical]) ::slotted([slot=icon]){margin-block-start:calc(var(--luzmo-tabs-top-to-icon,var(--tabs-top-to-icon)) / 2)}`,v=class extends n.t(a.t(s.t(e.n,`[slot="icon"]`),``)){constructor(...e){super(...e),this.disabled=!1,this.label=``,this.selected=!1,this.vertical=!1,this.value=``}static get styles(){return[(0,l.unsafeCSS)(_)]}get hasIcon(){return this.slotContentIsPresent}get hasLabel(){return!!this.label||this.slotHasContent}render(){return l.html`
|
|
19
19
|
${this.hasIcon?l.html` <slot name="icon"></slot> `:l.nothing}
|
|
20
20
|
<label id="item-label" ?hidden=${!this.hasLabel}>
|
|
21
21
|
<slot>${this.label}</slot>
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../tags-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../tags-Dj7Xm3KI.cjs`);exports.LuzmoTag=e.n,exports.LuzmoTags=e.t;
|
package/components/tags/index.js
CHANGED
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
|
|
22
22
|
}
|
|
23
23
|
})();
|
|
24
|
-
import { n as e, t } from "../tags-
|
|
24
|
+
import { n as e, t } from "../tags-Bpl4u-eo.js";
|
|
25
25
|
export { e as LuzmoTag, t as LuzmoTags };
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../top-nav-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../top-nav-DZO8yZs6.cjs`);exports.LuzmoTopNav=e.n,exports.LuzmoTopNavItem=e.t;
|
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
|
|
22
22
|
}
|
|
23
23
|
})();
|
|
24
|
-
import { n as e, t } from "../top-nav-
|
|
24
|
+
import { n as e, t } from "../top-nav-B3w3DZ56.js";
|
|
25
25
|
export { e as LuzmoTopNav, t as LuzmoTopNavItem };
|
|
@@ -20,7 +20,7 @@ import { n } from "./sized-mixin-DaBoZkVS.js";
|
|
|
20
20
|
import { t as r } from "./focus-visible-CrooVCUu.js";
|
|
21
21
|
import { t as i } from "./focusable-BmS8IzhH.js";
|
|
22
22
|
import { t as a } from "./roving-tabindex-BP6mQbXf.js";
|
|
23
|
-
import { t as o } from "./scaled-indicator-
|
|
23
|
+
import { t as o } from "./scaled-indicator-fMYan6VK.js";
|
|
24
24
|
import { html as s, unsafeCSS as c } from "lit";
|
|
25
25
|
import { property as l, query as u } from "lit/decorators.js";
|
|
26
26
|
import { ifDefined as d } from "lit/directives/if-defined.js";
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./focus-visible-B0NNezGc.cjs`),r=require(`./focusable-CupEoHmn.cjs`),i=require(`./roving-tabindex-B7x5ePUB.cjs`),a=require(`./scaled-indicator-
|
|
18
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./focus-visible-B0NNezGc.cjs`),r=require(`./focusable-CupEoHmn.cjs`),i=require(`./roving-tabindex-B7x5ePUB.cjs`),a=require(`./scaled-indicator-Bl-3A2gz.cjs`);let o=require(`lit`),s=require(`lit/decorators.js`),c=require(`lit/directives/if-defined.js`),l=require(`@lit-labs/observers/intersection-controller.js`),u=require(`@lit-labs/observers/resize-controller.js`);var d=`#list{--top-nav-item-height:calc(var(--luzmo-component-height) + var(--luzmo-spacing-5));--top-nav-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--top-nav-top-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--top-nav-bottom-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--top-nav-focus-indicator-gap:var(--luzmo-spacing-3);--top-nav-font-size:var(--luzmo-font-size)}:host([size=s]) #list{--top-nav-item-height:calc(var(--luzmo-component-height-s) + var(--luzmo-spacing-4));--top-nav-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--top-nav-top-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--top-nav-bottom-to-text:var(--luzmo-spacing-4);--top-nav-focus-indicator-gap:var(--luzmo-spacing-3);--top-nav-font-size:var(--luzmo-font-size-s)}:host([size=l]) #list{--top-nav-item-height:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-5));--top-nav-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-4));--top-nav-top-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--top-nav-bottom-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--top-nav-focus-indicator-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--top-nav-font-size:var(--luzmo-font-size-l)}:host([size=xl]) #list{--top-nav-item-height:calc(var(--luzmo-component-height-xl) + var(--luzmo-spacing-5));--top-nav-item-horizontal-spacing:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-4));--top-nav-top-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--top-nav-bottom-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--top-nav-focus-indicator-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--top-nav-font-size:var(--luzmo-font-size-xl)}`,f=`:host{display:block}#list{--top-nav-color:var(--luzmo-font-color);--top-nav-color-selected:var(--luzmo-font-color-down);--top-nav-color-hover:var(--luzmo-font-color-hover);--top-nav-color-key-focus:var(--luzmo-font-color-focus);--top-nav-color-disabled:var(--luzmo-disabled-color);--top-nav-font-family:var(--luzmo-font-family);--top-nav-font-style:var(--luzmo-font-style);--top-nav-font-size:var(--luzmo-font-size);--top-nav-font-weight:var(--luzmo-font-weight);--top-nav-line-height:var(--luzmo-line-height);--top-nav-focus-indicator-width:var(--luzmo-indicator-width);--top-nav-focus-indicator-border-radius:var(--luzmo-border-radius);--top-nav-focus-indicator-color:var(--luzmo-indicator-color);--top-nav-selection-indicator-color:var(--luzmo-font-color-down);--top-nav-divider-size:2px;--top-nav-divider-border-radius:1px;--top-nav-animation-duration:var(--luzmo-animation-duration);--top-nav-animation-ease:ease-in-out;z-index:0;vertical-align:top;background:linear-gradient(to top, var(--highcontrast-top-nav-divider-background-color,var(--luzmo-top-nav-divider-background-color,var(--top-nav-divider-background-color,var(--luzmo-border-color)))) 0 var(--luzmo-top-nav-divider-size,var(--top-nav-divider-size)), transparent var(--luzmo-top-nav-divider-size,var(--top-nav-divider-size)));align-items:center;margin:0;padding-block:0;display:flex;position:relative}::slotted(:not(:first-child)){margin-inline-start:var(--luzmo-top-nav-item-horizontal-spacing,var(--top-nav-item-horizontal-spacing))}::slotted([selected]){color:var(--highcontrast-top-nav-color-selected,var(--luzmo-top-nav-color-selected,var(--top-nav-color-selected)))}::slotted([disabled]){cursor:default;color:var(--highcontrast-top-nav-color-disabled,var(--luzmo-top-nav-color-disabled,var(--top-nav-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-top-nav-selection-indicator-color,var(--luzmo-top-nav-selection-indicator-color,var(--top-nav-selection-indicator-color)));z-index:0;transition:transform var(--luzmo-top-nav-animation-duration,var(--top-nav-animation-duration)) var(--luzmo-top-nav-animation-ease,var(--top-nav-animation-ease));transform-origin:0 0;border-radius:var(--luzmo-top-nav-divider-border-radius,var(--top-nav-divider-border-radius));block-size:var(--luzmo-top-nav-divider-size,var(--top-nav-divider-size));width:100px;position:absolute;inset-block-end:0;inset-inline-start:0}#selection-indicator.first-position{transition:none}:host([quiet]) #list{--top-nav-quiet-unselected-opacity:.7;--top-nav-quiet-unselected-opacity-hover:.85;background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) ::slotted(:not([selected])){opacity:var(--luzmo-top-nav-quiet-unselected-opacity,var(--top-nav-quiet-unselected-opacity))}:host([quiet]) ::slotted(:not([selected]):hover){opacity:var(--luzmo-top-nav-quiet-unselected-opacity-hover,var(--top-nav-quiet-unselected-opacity-hover))}:host([quiet]) #selection-indicator{display:none}@media (forced-colors:active){#list{--highcontrast-top-nav-divider-background-color:var(--luzmo-border-color);--highcontrast-top-nav-selection-indicator-color:Highlight;--highcontrast-top-nav-focus-indicator-color:CanvasText;--highcontrast-top-nav-color:ButtonText;--highcontrast-top-nav-color-hover:ButtonText;--highcontrast-top-nav-color-selected:HighlightText;--highcontrast-top-nav-color-key-focus:ButtonText;--highcontrast-top-nav-color-disabled:GrayText;forced-color-adjust:none}}#list{--top-nav-font-weight:var(--luzmo-font-weight);--top-nav-divider-background-color:var(--luzmo-border-color)}`,p=class extends t.n(r.t,{noDefaultSize:!0}){static get styles(){return[(0,o.unsafeCSS)(f),(0,o.unsafeCSS)(d)]}set items(e){e!==this.items&&(this._items.forEach(e=>{this.resizeController.unobserve(e)}),e.forEach(e=>{this.resizeController.observe(e)}),this._items=e,this.rovingTabindexController.clearElementCache())}get items(){return this._items}constructor(){super(),this.label=``,this.quiet=!1,this.selected=``,this.selectionIndicatorStyle=a.t.noSelectionStyle,this.shouldAnimate=!1,this._items=[],this.resizeController=new u.ResizeController(this,{callback:()=>{this.updateSelectionIndicator()}}),this.rovingTabindexController=new i.t(this,{focusInIndex:e=>{let t=0;return e.find((e,n)=>{let r=this.selected?e.value===this.selected:!e.disabled;return t=n,r})?t:-1},direction:()=>`horizontal`,elementEnterAction:e=>{this.shouldAnimate=!0,this.selectTarget(e)},elements:()=>this.items,isFocusableElement:e=>!this.disabled&&!e.disabled,listenerScope:()=>this.listEl}),this.onClick=e=>{if(this.disabled)return;let t=e.composedPath().find(e=>e.parentElement===this);!t||t.disabled||(e.preventDefault(),this.shouldAnimate=!0,this.selectTarget(t))},this.onKeyDown=e=>{if(e.code===`Enter`||e.code===`Space`){e.preventDefault();let t=e.target;t&&this.selectTarget(t)}},this.updateCheckedState=()=>{if(this.items.forEach(e=>{e.removeAttribute(`selected`)}),this.selected){let e=this.items.find(e=>e.value===this.selected);e?e.selected=!0:this.selected=``}else{let e=this.items[0];e&&e.setAttribute(`tabindex`,`0`)}this.updateSelectionIndicator()},this.updateSelectionIndicator=async()=>{let e=this.items.find(e=>e.selected);if(!e||this.quiet){this.selectionIndicatorStyle=a.t.noSelectionStyle;return}await Promise.all([e.updateComplete,document.fonts?document.fonts.ready:Promise.resolve()]);let t=e.getBoundingClientRect(),n=this.listEl.getBoundingClientRect(),r=t.left-n.left;this.selectionIndicatorStyle=a.t.transformX(r,t.width)},new l.IntersectionController(this,{config:{root:null,rootMargin:`0px`,threshold:[0,1]},callback:()=>{this.updateSelectionIndicator()}})}get focusElement(){return this.rovingTabindexController.focusInElement||this}render(){return o.html`
|
|
19
19
|
<div
|
|
20
20
|
@click=${this.onClick}
|
|
21
21
|
@keydown=${this.onKeyDown}
|