@aceshooting/lyra-ui 18.0.0 → 18.2.0

package/dist/components/media/map/map.styles.js

@@ -1 +1 @@
-import{css}from"lit";const styles=css`:host{inline-size:100%;block-size:var(--lr-map-height,var(--lr-size-24rem));display:block;position:relative}[part=base]{block-size:100%;inline-size:100%;position:relative}lr-skeleton{--lr-skeleton-w:100%;--lr-skeleton-h:100%}[part=container]{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:hidden}.maplibregl-canvas-container{block-size:100%;inline-size:100%}.maplibregl-canvas{position:absolute;inset-block-start:0;inset-inline-start:0}.maplibregl-canvas-container.maplibregl-interactive{cursor:grab;user-select:none}.maplibregl-canvas-container.maplibregl-interactive:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-marker{inline-size:max-content;min-inline-size:var(--lr-size-1-5rem);min-block-size:var(--lr-size-1-5rem);box-sizing:border-box;will-change:transform;position:absolute;top:0;left:0}.maplibregl-marker[role=button]{cursor:pointer}.maplibregl-marker[role=button]:hover{filter:brightness(.9)}.maplibregl-marker[role=button]:focus-visible{outline:var(--lr-focus-ring);outline-offset:calc(-1 * var(--lr-focus-ring-offset))}.maplibregl-popup{z-index:var(--lr-layer-content);will-change:transform;pointer-events:none;color:var(--lr-color-text);font-family:var(--lr-font);font-size:var(--lr-font-size-sm);line-height:var(--lr-line-height-normal);display:flex;position:absolute;top:0;left:0}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{border:var(--lr-size-0-625rem) solid transparent;block-size:0;inline-size:0;z-index:var(--lr-layer-content)}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-block-start:none;border-block-end-color:var(--lr-color-surface-overlay);align-self:center}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{border-block-start:none;border-inline-start:none;border-block-end-color:var(--lr-color-surface-overlay);align-self:flex-start}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-block-start:none;border-inline-end:none;border-block-end-color:var(--lr-color-surface-overlay);align-self:flex-end}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-block-end:none;border-block-start-color:var(--lr-color-surface-overlay);align-self:center}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{border-block-end:none;border-inline-start:none;border-block-start-color:var(--lr-color-surface-overlay);align-self:flex-start}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-block-end:none;border-inline-end:none;border-block-start-color:var(--lr-color-surface-overlay);align-self:flex-end}.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-inline-start:none;border-inline-end-color:var(--lr-color-surface-overlay);align-self:center}.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-inline-end:none;border-inline-start-color:var(--lr-color-surface-overlay);align-self:center}.maplibregl-popup-content{min-inline-size:var(--lr-icon-button-size);padding:var(--lr-space-m);border:var(--lr-border-width-thin) solid var(--lr-color-border);border-radius:var(--lr-radius);background:var(--lr-color-surface-overlay);box-shadow:var(--lr-shadow-m);pointer-events:auto;overflow-wrap:anywhere;padding-inline-end:calc(var(--lr-icon-button-size) + var(--lr-space-xs));position:relative}.maplibregl-popup-close-button{min-inline-size:var(--lr-icon-button-size);min-block-size:var(--lr-icon-button-size);border-radius:var(--lr-radius);color:var(--lr-color-text-quiet);font:inherit;cursor:pointer;transition:background-color var(--lr-transition-fast), color var(--lr-transition-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-end:0}.maplibregl-popup-close-button:where(:hover){background:var(--lr-map-popup-close-button-hover-bg,var(--lr-color-brand-quiet));color:var(--lr-map-popup-close-button-hover-color,var(--lr-color-brand))}.maplibregl-popup-close-button:where(:active){background:var(--lr-map-popup-close-button-active-bg,color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active)));color:var(--lr-map-popup-close-button-active-color,var(--lr-color-brand))}.maplibregl-popup-close-button:where(:focus-visible){outline:var(--lr-focus-ring);outline-offset:calc(-1 * var(--lr-focus-ring-offset))}[part=error]{padding:var(--lr-space-l);color:var(--lr-color-danger);font-size:var(--lr-font-size-md-sm);text-align:center;margin:0}[part=legend]{z-index:var(--lr-layer-content);min-inline-size:0;max-inline-size:calc(100% - var(--lr-space-s) - var(--lr-space-s));max-block-size:calc(100% - var(--lr-space-s) - var(--lr-space-s) - var(--_lr-map-controls-bottom,calc(var(--lr-space-xs) * 0)) - var(--_lr-map-controls-top,calc(var(--lr-space-xs) * 0)));box-sizing:border-box;gap:var(--lr-space-xs);padding:var(--lr-space-xs) var(--lr-space-s);background:var(--lr-color-surface);border:var(--lr-border-width-thin) solid var(--lr-color-border);border-radius:var(--lr-radius);box-shadow:var(--lr-shadow-m);font-size:var(--lr-font-size-xs);flex-direction:column;display:flex;position:absolute;inset-block-end:calc(var(--lr-space-s) + var(--_lr-map-controls-bottom,calc(var(--lr-space-xs) * 0)));inset-inline-start:var(--lr-space-s);overflow:auto}.legend-list{gap:var(--lr-space-xs);flex-direction:column;min-inline-size:0;display:flex}.legend-gradient{align-items:center;gap:var(--lr-space-xs);min-inline-size:0;display:flex}.legend-gradient .gradient-bar{flex:1 1 var(--lr-size-6rem);inline-size:var(--lr-size-6rem);min-inline-size:0;block-size:var(--lr-size-0-5rem);border-radius:var(--lr-size-2px)}[part=legend-lo],[part=legend-hi]{white-space:nowrap;flex:none}:host(:dir(rtl)) .legend-gradient .gradient-bar{transform:scaleX(-1)}.legend-row{align-items:center;gap:var(--lr-space-xs);min-inline-size:0;display:flex}.legend-row>span:last-child{overflow-wrap:anywhere;min-inline-size:0}button[part~=legend-toggle]{align-items:center;gap:var(--lr-space-xs);box-sizing:border-box;min-inline-size:var(--lr-icon-button-size);min-block-size:var(--lr-icon-button-size);min-width:0;border-radius:var(--lr-radius-xs);max-inline-size:100%;padding:var(--lr-size-2px) var(--lr-space-xs);color:inherit;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:var(--lr-transition-interactive);background:0 0;border:none;display:flex}button[part~=legend-toggle]>span:last-child{overflow-wrap:anywhere;min-inline-size:0}button[part~=legend-toggle]:where(:hover){background:color-mix(in srgb, var(--lr-color-text) 8%, transparent)}button[part~=legend-toggle]:where(:active){background:color-mix(in oklab, var(--lr-color-text-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))}button[part~=legend-toggle]:where(:focus-visible){outline:var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);outline-offset:var(--lr-focus-ring-offset)}button[part~=legend-toggle-hidden] [part=legend-swatch]{opacity:var(--lr-map-legend-hidden-swatch-opacity,.5)}button[part~=legend-toggle-hidden]>span:last-child{color:var(--lr-color-text-quiet)}[part=legend-swatch]{inline-size:var(--lr-size-0-75rem);block-size:var(--lr-size-0-75rem);box-sizing:border-box;border:var(--lr-border-width-thin) solid currentColor;border-radius:var(--lr-size-2px);flex:none;position:relative;overflow:hidden}[part=legend-swatch][data-pattern=diagonal]{border-style:dashed}[part=legend-swatch][data-pattern=dots]{border-style:dotted;border-radius:50%}[part=legend-swatch][data-pattern=crosshatch]{border-style:double;border-radius:0}[part=legend-swatch][data-pattern=diagonal]:before,[part=legend-swatch][data-pattern=crosshatch]:before,[part=legend-swatch][data-pattern=crosshatch]:after,[part=legend-swatch][data-pattern=dots]:before{content:"";inline-size:150%;block-size:var(--lr-border-width-thin);background:currentColor;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(-45deg)}[part=legend-swatch][data-pattern=crosshatch]:after{transform:translate(-50%,-50%)rotate(45deg)}[part=legend-swatch][data-pattern=dots]:before{inline-size:var(--lr-size-2px);block-size:var(--lr-size-2px);border-radius:50%;transform:translate(-50%,-50%)}[part=legend-swatch][data-pattern][data-icon=true]{inline-size:var(--lr-size-1rem);block-size:var(--lr-size-1rem);background:0 0;border-radius:0}[part=legend-swatch][data-icon=true]:before,[part=legend-swatch][data-icon=true]:after{content:none}.legend-icon{block-size:100%;inline-size:100%;display:block}[part=legend-limit]{min-inline-size:0;border-block-start:var(--lr-border-width-thin) solid var(--lr-color-border);color:var(--lr-color-text-quiet);overflow-wrap:anywhere;padding-block-start:var(--lr-space-xs)}.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{max-inline-size:100%;z-index:var(--lr-layer-content);pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.maplibregl-ctrl-top-right,.maplibregl-ctrl-bottom-right{align-items:flex-end}.maplibregl-control-container:where(:has(.maplibregl-ctrl-top-left:not(:empty))):where(:has(.maplibregl-ctrl-top-right:not(:empty))) :where(.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right),.maplibregl-control-container:where(:has(.maplibregl-ctrl-bottom-left:not(:empty))):where(:has(.maplibregl-ctrl-bottom-right:not(:empty))) :where(.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right){max-inline-size:50%}.maplibregl-ctrl-top-left{inset-block-start:0;inset-inline-start:0}.maplibregl-ctrl-top-right{inset-block-start:0;inset-inline-end:0}.maplibregl-ctrl-bottom-left{inset-block-end:0;inset-inline-start:0}.maplibregl-ctrl-bottom-right{inset-block-end:0;inset-inline-end:0}.maplibregl-ctrl{box-sizing:border-box;max-inline-size:calc(100% - 2 * var(--lr-space-xs));margin:var(--lr-space-xs);pointer-events:auto;flex-shrink:0;transform:translate(0)}.maplibregl-ctrl-attrib{padding:0 var(--lr-space-xs);border-radius:var(--lr-radius);background:var(--lr-color-surface);color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-xs)}.maplibregl-ctrl-group{border:var(--lr-border-width-thin) solid var(--lr-color-border);border-radius:var(--lr-radius);background:var(--lr-color-surface);inline-size:fit-content;box-shadow:var(--lr-shadow);color:var(--lr-color-text);flex-direction:column;display:flex}.maplibregl-ctrl-group button{min-inline-size:var(--lr-icon-button-size);min-block-size:var(--lr-icon-button-size);padding:var(--lr-space-xs);border-radius:inherit;color:inherit;font:inherit;cursor:pointer;transition:background-color var(--lr-transition-fast), color var(--lr-transition-fast);background:0 0;border:0;place-items:center;display:grid}.maplibregl-ctrl-group button:where(:not(:first-child)){border-block-start:var(--lr-border-width-thin) solid var(--lr-color-border)}.maplibregl-ctrl-group button:hover:where(:not(:disabled)){background:var(--lr-color-brand-quiet);color:var(--lr-color-brand)}.maplibregl-ctrl-group button:active:where(:not(:disabled)){background:var(--lr-color-brand);color:var(--lr-color-on-brand)}.maplibregl-ctrl-group button:focus-visible{outline:var(--lr-focus-ring);outline-offset:calc(-1 * var(--lr-focus-ring-offset))}.maplibregl-ctrl-group button:disabled{opacity:var(--lr-opacity-disabled);cursor:not-allowed}.maplibregl-ctrl-icon{inline-size:var(--lr-size-1em);block-size:var(--lr-size-1em);font-size:var(--lr-font-size-lg);line-height:var(--lr-line-height-none);place-items:center;display:grid}.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon:before{content:"+"}.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon:before{content:"−"}.maplibregl-ctrl-compass .maplibregl-ctrl-icon:before{content:"▲"}.maplibregl-ctrl-scale{box-sizing:border-box;min-inline-size:max-content;padding:var(--lr-space-2xs) var(--lr-space-xs);background:var(--lr-color-surface);color:var(--lr-color-text);font-family:var(--lr-font);font-size:var(--lr-font-size-xs);text-align:center;white-space:nowrap;padding-block-end:calc(var(--lr-space-2xs) + var(--lr-space-xs));position:relative}.maplibregl-ctrl-scale:after{content:"";box-sizing:border-box;inline-size:var(--_lr-map-scale-width,100%);block-size:var(--lr-space-xs);border:var(--lr-border-width-medium) solid currentColor;pointer-events:none;border-block-start:0;position:absolute;inset-block-end:0;inset-inline-start:0}.maplibregl-ctrl-attrib a{color:var(--lr-color-text-quiet);text-decoration:none}.maplibregl-ctrl-attrib a:hover{text-decoration:underline}.maplibregl-ctrl-attrib-inner{overflow-wrap:anywhere}.maplibregl-ctrl-attrib-button{inline-size:var(--lr-icon-button-size);block-size:var(--lr-icon-button-size);border-radius:var(--lr-radius-pill);color:var(--lr-color-text);cursor:pointer;transition:background-color var(--lr-transition-fast);background:0 0;border:0;place-items:center;padding:0;display:none;position:absolute;inset-block-start:0;inset-inline-end:0}.maplibregl-ctrl-attrib-button:before{content:"";inline-size:var(--lr-size-1rem);block-size:var(--lr-size-1rem);background:currentColor;display:block;mask:url("data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"%3E%3Ccircle cx=\\"12\\" cy=\\"12\\" r=\\"9\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\"/%3E%3Cpath d=\\"M12 10v7m0-10v.5\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\"/%3E%3C/svg%3E") 50%/contain no-repeat}.maplibregl-ctrl-attrib.maplibregl-compact{min-block-size:var(--lr-icon-button-size);padding-inline-end:var(--lr-icon-button-size);position:relative}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button{display:grid}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib-button:hover,.maplibregl-ctrl-attrib-button:active,.maplibregl-ctrl-attrib:where([open]) .maplibregl-ctrl-attrib-button{background:var(--lr-color-brand-quiet)}.maplibregl-ctrl-attrib-button:focus-visible{outline:var(--lr-focus-ring);outline-offset:calc(-1 * var(--lr-focus-ring-offset))}.maplibregl-ctrl-attrib summary{-webkit-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary::-webkit-details-marker{display:none}.maplibregl-ctrl-attrib summary::marker{content:""}@media (forced-colors:active){.maplibregl-ctrl-attrib-button{color:buttontext}.maplibregl-ctrl-attrib-button:before{forced-color-adjust:none}[part=legend-swatch]{color:canvastext;border-color:canvastext;background:canvas!important}[part=legend-swatch][data-pattern=solid]{background:canvastext!important}[part=legend-swatch][data-pattern][data-icon=true]{background:canvas!important}button[part~=legend-toggle-hidden]{text-decoration-line:line-through;text-decoration-thickness:var(--lr-border-width-medium)}}`;export{styles};
+import{css}from"lit";const styles=css`:host{inline-size:100%;block-size:var(--lr-map-height,var(--lr-size-24rem));display:block;position:relative}[part=base]{block-size:100%;inline-size:100%;position:relative}lr-skeleton{--lr-skeleton-w:100%;--lr-skeleton-h:100%}[part=container]{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:hidden}.maplibregl-canvas-container{block-size:100%;inline-size:100%}.maplibregl-canvas{position:absolute;inset-block-start:0;inset-inline-start:0}.maplibregl-canvas-container.maplibregl-interactive{cursor:grab;user-select:none}.maplibregl-canvas-container.maplibregl-interactive:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-marker{inline-size:max-content;min-inline-size:var(--lr-size-1-5rem);min-block-size:var(--lr-size-1-5rem);box-sizing:border-box;will-change:transform;position:absolute;top:0;left:0}.maplibregl-marker[role=button]{cursor:pointer}.maplibregl-marker[role=button]:hover{filter:brightness(.9)}.maplibregl-marker[role=button]:focus-visible{outline:var(--lr-focus-ring);outline-offset:calc(-1 * var(--lr-focus-ring-offset))}.maplibregl-popup{z-index:var(--lr-layer-content);will-change:transform;pointer-events:none;color:var(--lr-color-text);font-family:var(--lr-font);font-size:var(--lr-font-size-sm);line-height:var(--lr-line-height-normal);display:flex;position:absolute;top:0;left:0}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{border:var(--lr-size-0-625rem) solid transparent;block-size:0;inline-size:0;z-index:var(--lr-layer-content)}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-block-start:none;border-block-end-color:var(--lr-color-surface-overlay);align-self:center}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{border-block-start:none;border-inline-start:none;border-block-end-color:var(--lr-color-surface-overlay);align-self:flex-start}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-block-start:none;border-inline-end:none;border-block-end-color:var(--lr-color-surface-overlay);align-self:flex-end}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-block-end:none;border-block-start-color:var(--lr-color-surface-overlay);align-self:center}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{border-block-end:none;border-inline-start:none;border-block-start-color:var(--lr-color-surface-overlay);align-self:flex-start}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-block-end:none;border-inline-end:none;border-block-start-color:var(--lr-color-surface-overlay);align-self:flex-end}.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-inline-start:none;border-inline-end-color:var(--lr-color-surface-overlay);align-self:center}.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-inline-end:none;border-inline-start-color:var(--lr-color-surface-overlay);align-self:center}.maplibregl-popup-content{min-inline-size:var(--lr-icon-button-size);padding:var(--lr-space-m);border:var(--lr-border-width-thin) solid var(--lr-color-border);border-radius:var(--lr-radius);background:var(--lr-color-surface-overlay);box-shadow:var(--lr-shadow-m);pointer-events:auto;overflow-wrap:anywhere;padding-inline-end:calc(var(--lr-icon-button-size) + var(--lr-space-xs));position:relative}.maplibregl-popup-close-button{min-inline-size:var(--lr-icon-button-size);min-block-size:var(--lr-icon-button-size);border-radius:var(--lr-radius);color:var(--lr-color-text-quiet);font:inherit;cursor:pointer;transition:background-color var(--lr-transition-fast), color var(--lr-transition-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-end:0}.maplibregl-popup-close-button:where(:hover){background:var(--lr-map-popup-close-button-hover-bg,var(--lr-color-brand-quiet));color:var(--lr-map-popup-close-button-hover-color,var(--lr-color-brand))}.maplibregl-popup-close-button:where(:active){background:var(--lr-map-popup-close-button-active-bg,color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active)));color:var(--lr-map-popup-close-button-active-color,var(--lr-color-brand))}.maplibregl-popup-close-button:where(:focus-visible){outline:var(--lr-focus-ring);outline-offset:calc(-1 * var(--lr-focus-ring-offset))}[part=error]{padding:var(--lr-space-l);color:var(--lr-color-danger);font-size:var(--lr-font-size-md-sm);text-align:center;margin:0}[part=legend]{z-index:var(--lr-layer-content);min-inline-size:0;max-inline-size:calc(100% - var(--lr-space-s) - var(--lr-space-s));max-block-size:calc(100% - var(--lr-space-s) - var(--lr-space-s) - var(--_lr-map-controls-bottom,calc(var(--lr-space-xs) * 0)) - var(--_lr-map-controls-top,calc(var(--lr-space-xs) * 0)));box-sizing:border-box;gap:var(--lr-space-xs);padding:var(--lr-space-xs) var(--lr-space-s);background:var(--lr-color-surface);border:var(--lr-border-width-thin) solid var(--lr-color-border);border-radius:var(--lr-radius);box-shadow:var(--lr-shadow-m);font-size:var(--lr-font-size-xs);flex-direction:column;display:flex;position:absolute;inset-block-end:calc(var(--lr-space-s) + var(--_lr-map-controls-bottom,calc(var(--lr-space-xs) * 0)));inset-inline-start:var(--lr-space-s);overflow:auto}.legend-list{gap:var(--lr-space-xs);flex-direction:column;min-inline-size:0;display:flex}[part=legend] [hidden]{display:none}button[part=legend-disclosure]{align-self:flex-start;align-items:center;gap:var(--lr-space-xs);box-sizing:border-box;min-inline-size:var(--lr-icon-button-size);min-block-size:var(--lr-icon-button-size);min-width:0;border-radius:var(--lr-radius-xs);max-inline-size:100%;padding:var(--lr-size-2px) var(--lr-space-xs);color:inherit;font:inherit;font-weight:var(--lr-font-weight-semibold);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:var(--lr-transition-interactive);background:0 0;border:none;display:flex}button[part=legend-disclosure]>span:last-child{overflow-wrap:anywhere;min-inline-size:0}button[part=legend-disclosure]:where(:hover){background:color-mix(in srgb, var(--lr-color-text) 8%, transparent)}button[part=legend-disclosure]:where(:active){background:color-mix(in oklab, var(--lr-color-text-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))}button[part=legend-disclosure]:where(:focus-visible){outline:var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);outline-offset:var(--lr-focus-ring-offset)}[part=legend-disclosure-icon]{transition:transform var(--lr-transition-fast);flex:none;display:inline-flex}:host(:dir(rtl)) [part=legend-disclosure-icon]{transform:rotate(180deg)}button[part=legend-disclosure][aria-expanded=true] [part=legend-disclosure-icon],:host(:dir(rtl)) button[part=legend-disclosure][aria-expanded=true] [part=legend-disclosure-icon]{transform:rotate(90deg)}.legend-gradient{align-items:center;gap:var(--lr-space-xs);min-inline-size:0;display:flex}.legend-gradient .gradient-bar{flex:1 1 var(--lr-size-6rem);inline-size:var(--lr-size-6rem);min-inline-size:0;block-size:var(--lr-size-0-5rem);border-radius:var(--lr-size-2px)}[part=legend-lo],[part=legend-hi]{white-space:nowrap;flex:none}:host(:dir(rtl)) .legend-gradient .gradient-bar{transform:scaleX(-1)}.legend-group,.legend-section-list{gap:var(--lr-space-xs);flex-direction:column;min-inline-size:0;display:flex}[part=legend-group-heading]{min-inline-size:0;color:var(--lr-color-text-quiet);font-weight:var(--lr-font-weight-semibold);overflow-wrap:anywhere}.legend-row{align-items:center;gap:var(--lr-space-xs);min-inline-size:0;display:flex}.legend-row>span:last-child{overflow-wrap:anywhere;min-inline-size:0}button[part~=legend-toggle]{align-items:center;gap:var(--lr-space-xs);box-sizing:border-box;min-inline-size:var(--lr-icon-button-size);min-block-size:var(--lr-icon-button-size);min-width:0;border-radius:var(--lr-radius-xs);max-inline-size:100%;padding:var(--lr-size-2px) var(--lr-space-xs);color:inherit;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:var(--lr-transition-interactive);background:0 0;border:none;display:flex}button[part~=legend-toggle]>span:last-child{overflow-wrap:anywhere;min-inline-size:0}button[part~=legend-toggle]:where(:hover){background:color-mix(in srgb, var(--lr-color-text) 8%, transparent)}button[part~=legend-toggle]:where(:active){background:color-mix(in oklab, var(--lr-color-text-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))}button[part~=legend-toggle]:where(:focus-visible){outline:var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);outline-offset:var(--lr-focus-ring-offset)}button[part~=legend-toggle-hidden] [part=legend-swatch]{opacity:var(--lr-map-legend-hidden-swatch-opacity,.5)}button[part~=legend-toggle-hidden]>span:last-child{color:var(--lr-color-text-quiet)}[part=legend-swatch]{inline-size:var(--lr-size-0-75rem);block-size:var(--lr-size-0-75rem);box-sizing:border-box;border:var(--lr-border-width-thin) solid currentColor;border-radius:var(--lr-size-2px);flex:none;position:relative;overflow:hidden}[part=legend-swatch][data-pattern=diagonal]{border-style:dashed}[part=legend-swatch][data-pattern=dots]{border-style:dotted;border-radius:50%}[part=legend-swatch][data-pattern=crosshatch]{border-style:double;border-radius:0}[part=legend-swatch][data-pattern=diagonal]:before,[part=legend-swatch][data-pattern=crosshatch]:before,[part=legend-swatch][data-pattern=crosshatch]:after,[part=legend-swatch][data-pattern=dots]:before{content:"";inline-size:150%;block-size:var(--lr-border-width-thin);background:currentColor;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(-45deg)}[part=legend-swatch][data-pattern=crosshatch]:after{transform:translate(-50%,-50%)rotate(45deg)}[part=legend-swatch][data-pattern=dots]:before{inline-size:var(--lr-size-2px);block-size:var(--lr-size-2px);border-radius:50%;transform:translate(-50%,-50%)}[part=legend-swatch][data-pattern][data-icon=true]{inline-size:var(--lr-size-1rem);block-size:var(--lr-size-1rem);background:0 0;border-radius:0}[part=legend-swatch][data-icon=true]:before,[part=legend-swatch][data-icon=true]:after{content:none}.legend-icon{block-size:100%;inline-size:100%;display:block}[part=legend-limit]{min-inline-size:0;border-block-start:var(--lr-border-width-thin) solid var(--lr-color-border);color:var(--lr-color-text-quiet);overflow-wrap:anywhere;padding-block-start:var(--lr-space-xs)}.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{max-inline-size:100%;z-index:var(--lr-layer-content);pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.maplibregl-ctrl-top-right,.maplibregl-ctrl-bottom-right{align-items:flex-end}.maplibregl-control-container:where(:has(.maplibregl-ctrl-top-left:not(:empty))):where(:has(.maplibregl-ctrl-top-right:not(:empty))) :where(.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right),.maplibregl-control-container:where(:has(.maplibregl-ctrl-bottom-left:not(:empty))):where(:has(.maplibregl-ctrl-bottom-right:not(:empty))) :where(.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right){max-inline-size:50%}.maplibregl-ctrl-top-left{inset-block-start:0;inset-inline-start:0}.maplibregl-ctrl-top-right{inset-block-start:0;inset-inline-end:0}.maplibregl-ctrl-bottom-left{inset-block-end:0;inset-inline-start:0}.maplibregl-ctrl-bottom-right{inset-block-end:0;inset-inline-end:0}.maplibregl-ctrl{box-sizing:border-box;max-inline-size:calc(100% - 2 * var(--lr-space-xs));margin:var(--lr-space-xs);pointer-events:auto;flex-shrink:0;transform:translate(0)}.maplibregl-ctrl-attrib{padding:0 var(--lr-space-xs);border-radius:var(--lr-radius);background:var(--lr-color-surface);color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-xs)}.maplibregl-ctrl-group{border:var(--lr-border-width-thin) solid var(--lr-color-border);border-radius:var(--lr-radius);background:var(--lr-color-surface);inline-size:fit-content;box-shadow:var(--lr-shadow);color:var(--lr-color-text);flex-direction:column;display:flex}.maplibregl-ctrl-group button{min-inline-size:var(--lr-icon-button-size);min-block-size:var(--lr-icon-button-size);padding:var(--lr-space-xs);border-radius:inherit;color:inherit;font:inherit;cursor:pointer;transition:background-color var(--lr-transition-fast), color var(--lr-transition-fast);background:0 0;border:0;place-items:center;display:grid}.maplibregl-ctrl-group button:where(:not(:first-child)){border-block-start:var(--lr-border-width-thin) solid var(--lr-color-border)}.maplibregl-ctrl-group button:hover:where(:not(:disabled)){background:var(--lr-color-brand-quiet);color:var(--lr-color-brand)}.maplibregl-ctrl-group button:active:where(:not(:disabled)){background:var(--lr-color-brand);color:var(--lr-color-on-brand)}.maplibregl-ctrl-group button:focus-visible{outline:var(--lr-focus-ring);outline-offset:calc(-1 * var(--lr-focus-ring-offset))}.maplibregl-ctrl-group button:disabled{opacity:var(--lr-opacity-disabled);cursor:not-allowed}.maplibregl-ctrl-icon{inline-size:var(--lr-size-1em);block-size:var(--lr-size-1em);font-size:var(--lr-font-size-lg);line-height:var(--lr-line-height-none);place-items:center;display:grid}.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon:before{content:"+"}.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon:before{content:"−"}.maplibregl-ctrl-compass .maplibregl-ctrl-icon:before{content:"▲"}.maplibregl-ctrl-scale{box-sizing:border-box;min-inline-size:max-content;padding:var(--lr-space-2xs) var(--lr-space-xs);background:var(--lr-color-surface);color:var(--lr-color-text);font-family:var(--lr-font);font-size:var(--lr-font-size-xs);text-align:center;white-space:nowrap;padding-block-end:calc(var(--lr-space-2xs) + var(--lr-space-xs));position:relative}.maplibregl-ctrl-scale:after{content:"";box-sizing:border-box;inline-size:var(--_lr-map-scale-width,100%);block-size:var(--lr-space-xs);border:var(--lr-border-width-medium) solid currentColor;pointer-events:none;border-block-start:0;position:absolute;inset-block-end:0;inset-inline-start:0}.maplibregl-ctrl-attrib a{color:var(--lr-color-text-quiet);text-decoration:none}.maplibregl-ctrl-attrib a:hover{text-decoration:underline}.maplibregl-ctrl-attrib-inner{overflow-wrap:anywhere}.maplibregl-ctrl-attrib-button{inline-size:var(--lr-icon-button-size);block-size:var(--lr-icon-button-size);border-radius:var(--lr-radius-pill);color:var(--lr-color-text);cursor:pointer;transition:background-color var(--lr-transition-fast);background:0 0;border:0;place-items:center;padding:0;display:none;position:absolute;inset-block-start:0;inset-inline-end:0}.maplibregl-ctrl-attrib-button:before{content:"";inline-size:var(--lr-size-1rem);block-size:var(--lr-size-1rem);background:currentColor;display:block;mask:url("data:image/svg+xml,%3Csvg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"%3E%3Ccircle cx=\\"12\\" cy=\\"12\\" r=\\"9\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\"/%3E%3Cpath d=\\"M12 10v7m0-10v.5\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\"/%3E%3C/svg%3E") 50%/contain no-repeat}.maplibregl-ctrl-attrib.maplibregl-compact{min-block-size:var(--lr-icon-button-size);padding-inline-end:var(--lr-icon-button-size);position:relative}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button{display:grid}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib-button:hover,.maplibregl-ctrl-attrib-button:active,.maplibregl-ctrl-attrib:where([open]) .maplibregl-ctrl-attrib-button{background:var(--lr-color-brand-quiet)}.maplibregl-ctrl-attrib-button:focus-visible{outline:var(--lr-focus-ring);outline-offset:calc(-1 * var(--lr-focus-ring-offset))}.maplibregl-ctrl-attrib summary{-webkit-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary::-webkit-details-marker{display:none}.maplibregl-ctrl-attrib summary::marker{content:""}@media (forced-colors:active){.maplibregl-ctrl-attrib-button{color:buttontext}.maplibregl-ctrl-attrib-button:before{forced-color-adjust:none}[part=legend-swatch]{color:canvastext;border-color:canvastext;background:canvas!important}[part=legend-swatch][data-pattern=solid]{background:canvastext!important}[part=legend-swatch][data-pattern][data-icon=true]{background:canvas!important}button[part~=legend-toggle-hidden]{text-decoration-line:line-through;text-decoration-thickness:var(--lr-border-width-medium)}}`;export{styles};

package/dist/components/utility/copy-button/copy-button.class.d.ts

@@ -24,9 +24,10 @@ export type LyraCopyButtonTooltipPlacement='top'|'right'|'bottom'|'left';export
 * This trigger has no `size` property of its own: it composes `<lr-icon-button>`, so the built-in
 * trigger's hit area is that component's shared `--lr-icon-button-size` floor (2.5rem/40px), same
 * as everywhere else in the library. For a dense action row (e.g. several copy buttons packed into
-* a toolbar) where 40px is more than the layout can afford, lower `--lr-theme-icon-button-size` --
-* NOT `--lr-icon-button-size` itself, which every `LyraElement` re-declares on its own `:host` and
-* so never reaches a composed child (`internal/tokens.test.ts` proves this) -- on this element or
+* a toolbar) where 40px is more than the layout can afford, lower `--lr-icon-button-size-scope`
+* (the subtree-scoped input) or `--lr-theme-icon-button-size` (the application-wide one) -- NOT
+* `--lr-icon-button-size` itself, which every `LyraElement` re-declares on its own `:host` and so
+* never reaches a composed child (`internal/tokens.test.ts` proves this) -- on this element or
 * any ancestor of it; `::part(base__control)` also reaches the same composed native control
 * directly for a one-off override. Either way the shrink is local to the elements it targets, not
 * a library-wide floor change. A coarse-pointer/no-hover safety net (`internal/tokens.styles.ts`'s