@ds-mo/ui 15.1.1 → 15.2.0

package/dist/types/components.d.ts

@@ -52,6 +52,7 @@ import { InputSize, InputTextAlign, InputType, InputWidth } from "./components/I
 import { InputDateSize, InputDateWidth } from "./components/InputDate/InputDate";
 import { InputTimeSize, InputTimeWidth } from "./components/InputTime/InputTime";
 import { LoaderColor, LoaderSize } from "./components/Loader/Loader";
+import { MapEntityMarkerState } from "./components/MapEntityMarker/MapEntityMarker";
 import { MenuSelectionMode, MenuSize } from "./components/Menu/Menu";
 import { MenuAlign, MenuSide } from "./components/Menu/menu-position";
 import { MessageBubbleVariant } from "./components/MessageBubble/MessageBubble";
@@ -134,6 +135,7 @@ export { InputSize, InputTextAlign, InputType, InputWidth } from "./components/I
 export { InputDateSize, InputDateWidth } from "./components/InputDate/InputDate";
 export { InputTimeSize, InputTimeWidth } from "./components/InputTime/InputTime";
 export { LoaderColor, LoaderSize } from "./components/Loader/Loader";
+export { MapEntityMarkerState } from "./components/MapEntityMarker/MapEntityMarker";
 export { MenuSelectionMode, MenuSize } from "./components/Menu/Menu";
 export { MenuAlign, MenuSide } from "./components/Menu/menu-position";
 export { MessageBubbleVariant } from "./components/MessageBubble/MessageBubble";
@@ -2395,6 +2397,71 @@ export namespace Components {
          */
         "size": LoaderSize;
     }
+    interface DsMapClusterMarker {
+        /**
+          * Short visible cluster identifier revealed on hover or keyboard focus.
+          * @default ''
+         */
+        "caption": string;
+        /**
+          * Number of represented entities, compacted at one thousand and above.
+          * @default 0
+         */
+        "count": number;
+        /**
+          * De-emphasizes this cluster when an owner-managed selection is active elsewhere.
+          * @default false
+         */
+        "dimmed": boolean;
+        /**
+          * Accessible action label. Describe the cluster and what activation does.
+         */
+        "label": string;
+        /**
+          * Moves keyboard focus to the cluster button.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface DsMapEntityMarker {
+        /**
+          * Short visible identifier revealed on hover or keyboard focus.
+          * @default ''
+         */
+        "caption": string;
+        /**
+          * De-emphasizes this marker when an owner-managed selection is active elsewhere.
+          * @default false
+         */
+        "dimmed": boolean;
+        /**
+          * Clockwise map heading for travel-group and vehicle icons. Values are normalized to 0–359.
+          * @default 0
+         */
+        "heading": number;
+        /**
+          * Canonical IcoMo icon name for the represented map entity. Immobilized state uses MapKey.
+          * @default 'MapEntityTravelGroup'
+         */
+        "icon": string;
+        /**
+          * Accessible action label. Describe what activating the marker opens.
+         */
+        "label": string;
+        /**
+          * Moves keyboard focus to the marker button.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Adds the stale-data outline while preserving the last known operating state.
+          * @default false
+         */
+        "stale": boolean;
+        /**
+          * Semantic operating state that selects the marker background.
+          * @default 'in-motion'
+         */
+        "state": MapEntityMarkerState;
+    }
     interface DsMarkdown {
         /**
           * @default ''
@@ -4836,6 +4903,14 @@ export interface DsInputTimeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsInputTimeElement;
 }
+export interface DsMapClusterMarkerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsMapClusterMarkerElement;
+}
+export interface DsMapEntityMarkerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsMapEntityMarkerElement;
+}
 export interface DsMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsMenuElement;
@@ -5718,6 +5793,40 @@ declare global {
         prototype: HTMLDsLoaderElement;
         new (): HTMLDsLoaderElement;
     };
+    interface HTMLDsMapClusterMarkerElementEventMap {
+        "dsClick": MouseEvent;
+    }
+    interface HTMLDsMapClusterMarkerElement extends Components.DsMapClusterMarker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsMapClusterMarkerElementEventMap>(type: K, listener: (this: HTMLDsMapClusterMarkerElement, ev: DsMapClusterMarkerCustomEvent<HTMLDsMapClusterMarkerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsMapClusterMarkerElementEventMap>(type: K, listener: (this: HTMLDsMapClusterMarkerElement, ev: DsMapClusterMarkerCustomEvent<HTMLDsMapClusterMarkerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsMapClusterMarkerElement: {
+        prototype: HTMLDsMapClusterMarkerElement;
+        new (): HTMLDsMapClusterMarkerElement;
+    };
+    interface HTMLDsMapEntityMarkerElementEventMap {
+        "dsClick": MouseEvent;
+    }
+    interface HTMLDsMapEntityMarkerElement extends Components.DsMapEntityMarker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsMapEntityMarkerElementEventMap>(type: K, listener: (this: HTMLDsMapEntityMarkerElement, ev: DsMapEntityMarkerCustomEvent<HTMLDsMapEntityMarkerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsMapEntityMarkerElementEventMap>(type: K, listener: (this: HTMLDsMapEntityMarkerElement, ev: DsMapEntityMarkerCustomEvent<HTMLDsMapEntityMarkerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsMapEntityMarkerElement: {
+        prototype: HTMLDsMapEntityMarkerElement;
+        new (): HTMLDsMapEntityMarkerElement;
+    };
     interface HTMLDsMarkdownElement extends Components.DsMarkdown, HTMLStencilElement {
     }
     var HTMLDsMarkdownElement: {
@@ -6431,6 +6540,8 @@ declare global {
         "ds-input-date": HTMLDsInputDateElement;
         "ds-input-time": HTMLDsInputTimeElement;
         "ds-loader": HTMLDsLoaderElement;
+        "ds-map-cluster-marker": HTMLDsMapClusterMarkerElement;
+        "ds-map-entity-marker": HTMLDsMapEntityMarkerElement;
         "ds-markdown": HTMLDsMarkdownElement;
         "ds-menu": HTMLDsMenuElement;
         "ds-message": HTMLDsMessageElement;
@@ -8923,6 +9034,71 @@ declare namespace LocalJSX {
          */
         "size"?: LoaderSize;
     }
+    interface DsMapClusterMarker {
+        /**
+          * Short visible cluster identifier revealed on hover or keyboard focus.
+          * @default ''
+         */
+        "caption"?: string;
+        /**
+          * Number of represented entities, compacted at one thousand and above.
+          * @default 0
+         */
+        "count"?: number;
+        /**
+          * De-emphasizes this cluster when an owner-managed selection is active elsewhere.
+          * @default false
+         */
+        "dimmed"?: boolean;
+        /**
+          * Accessible action label. Describe the cluster and what activation does.
+         */
+        "label": string;
+        /**
+          * Fired when the cluster's native button is activated.
+         */
+        "onDsClick"?: (event: DsMapClusterMarkerCustomEvent<MouseEvent>) => void;
+    }
+    interface DsMapEntityMarker {
+        /**
+          * Short visible identifier revealed on hover or keyboard focus.
+          * @default ''
+         */
+        "caption"?: string;
+        /**
+          * De-emphasizes this marker when an owner-managed selection is active elsewhere.
+          * @default false
+         */
+        "dimmed"?: boolean;
+        /**
+          * Clockwise map heading for travel-group and vehicle icons. Values are normalized to 0–359.
+          * @default 0
+         */
+        "heading"?: number;
+        /**
+          * Canonical IcoMo icon name for the represented map entity. Immobilized state uses MapKey.
+          * @default 'MapEntityTravelGroup'
+         */
+        "icon"?: string;
+        /**
+          * Accessible action label. Describe what activating the marker opens.
+         */
+        "label": string;
+        /**
+          * Fired when the marker's native button is activated.
+         */
+        "onDsClick"?: (event: DsMapEntityMarkerCustomEvent<MouseEvent>) => void;
+        /**
+          * Adds the stale-data outline while preserving the last known operating state.
+          * @default false
+         */
+        "stale"?: boolean;
+        /**
+          * Semantic operating state that selects the marker background.
+          * @default 'in-motion'
+         */
+        "state"?: MapEntityMarkerState;
+    }
     interface DsMarkdown {
         /**
           * @default ''
@@ -11927,6 +12103,21 @@ declare namespace LocalJSX {
         "color": LoaderColor;
         "label": string | undefined;
     }
+    interface DsMapClusterMarkerAttributes {
+        "label": string;
+        "caption": string;
+        "count": number;
+        "dimmed": boolean;
+    }
+    interface DsMapEntityMarkerAttributes {
+        "label": string;
+        "caption": string;
+        "icon": string;
+        "state": MapEntityMarkerState;
+        "stale": boolean;
+        "heading": number;
+        "dimmed": boolean;
+    }
     interface DsMarkdownAttributes {
         "content": string;
         "streaming": boolean;
@@ -12493,6 +12684,8 @@ declare namespace LocalJSX {
         "ds-input-date": Omit<DsInputDate, keyof DsInputDateAttributes> & { [K in keyof DsInputDate & keyof DsInputDateAttributes]?: DsInputDate[K] } & { [K in keyof DsInputDate & keyof DsInputDateAttributes as `attr:${K}`]?: DsInputDateAttributes[K] } & { [K in keyof DsInputDate & keyof DsInputDateAttributes as `prop:${K}`]?: DsInputDate[K] };
         "ds-input-time": Omit<DsInputTime, keyof DsInputTimeAttributes> & { [K in keyof DsInputTime & keyof DsInputTimeAttributes]?: DsInputTime[K] } & { [K in keyof DsInputTime & keyof DsInputTimeAttributes as `attr:${K}`]?: DsInputTimeAttributes[K] } & { [K in keyof DsInputTime & keyof DsInputTimeAttributes as `prop:${K}`]?: DsInputTime[K] };
         "ds-loader": Omit<DsLoader, keyof DsLoaderAttributes> & { [K in keyof DsLoader & keyof DsLoaderAttributes]?: DsLoader[K] } & { [K in keyof DsLoader & keyof DsLoaderAttributes as `attr:${K}`]?: DsLoaderAttributes[K] } & { [K in keyof DsLoader & keyof DsLoaderAttributes as `prop:${K}`]?: DsLoader[K] };
+        "ds-map-cluster-marker": Omit<DsMapClusterMarker, keyof DsMapClusterMarkerAttributes> & { [K in keyof DsMapClusterMarker & keyof DsMapClusterMarkerAttributes]?: DsMapClusterMarker[K] } & { [K in keyof DsMapClusterMarker & keyof DsMapClusterMarkerAttributes as `attr:${K}`]?: DsMapClusterMarkerAttributes[K] } & { [K in keyof DsMapClusterMarker & keyof DsMapClusterMarkerAttributes as `prop:${K}`]?: DsMapClusterMarker[K] } & OneOf<"label", DsMapClusterMarker["label"], DsMapClusterMarkerAttributes["label"]>;
+        "ds-map-entity-marker": Omit<DsMapEntityMarker, keyof DsMapEntityMarkerAttributes> & { [K in keyof DsMapEntityMarker & keyof DsMapEntityMarkerAttributes]?: DsMapEntityMarker[K] } & { [K in keyof DsMapEntityMarker & keyof DsMapEntityMarkerAttributes as `attr:${K}`]?: DsMapEntityMarkerAttributes[K] } & { [K in keyof DsMapEntityMarker & keyof DsMapEntityMarkerAttributes as `prop:${K}`]?: DsMapEntityMarker[K] } & OneOf<"label", DsMapEntityMarker["label"], DsMapEntityMarkerAttributes["label"]>;
         "ds-markdown": Omit<DsMarkdown, keyof DsMarkdownAttributes> & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes]?: DsMarkdown[K] } & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes as `attr:${K}`]?: DsMarkdownAttributes[K] } & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes as `prop:${K}`]?: DsMarkdown[K] };
         "ds-menu": Omit<DsMenu, keyof DsMenuAttributes> & { [K in keyof DsMenu & keyof DsMenuAttributes]?: DsMenu[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `attr:${K}`]?: DsMenuAttributes[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `prop:${K}`]?: DsMenu[K] };
         "ds-message": Omit<DsMessage, keyof DsMessageAttributes> & { [K in keyof DsMessage & keyof DsMessageAttributes]?: DsMessage[K] } & { [K in keyof DsMessage & keyof DsMessageAttributes as `attr:${K}`]?: DsMessageAttributes[K] } & { [K in keyof DsMessage & keyof DsMessageAttributes as `prop:${K}`]?: DsMessage[K] };
@@ -12612,6 +12805,8 @@ declare module "@stencil/core" {
             "ds-input-date": LocalJSX.IntrinsicElements["ds-input-date"] & JSXBase.HTMLAttributes<HTMLDsInputDateElement>;
             "ds-input-time": LocalJSX.IntrinsicElements["ds-input-time"] & JSXBase.HTMLAttributes<HTMLDsInputTimeElement>;
             "ds-loader": LocalJSX.IntrinsicElements["ds-loader"] & JSXBase.HTMLAttributes<HTMLDsLoaderElement>;
+            "ds-map-cluster-marker": LocalJSX.IntrinsicElements["ds-map-cluster-marker"] & JSXBase.HTMLAttributes<HTMLDsMapClusterMarkerElement>;
+            "ds-map-entity-marker": LocalJSX.IntrinsicElements["ds-map-entity-marker"] & JSXBase.HTMLAttributes<HTMLDsMapEntityMarkerElement>;
             "ds-markdown": LocalJSX.IntrinsicElements["ds-markdown"] & JSXBase.HTMLAttributes<HTMLDsMarkdownElement>;
             "ds-menu": LocalJSX.IntrinsicElements["ds-menu"] & JSXBase.HTMLAttributes<HTMLDsMenuElement>;
             "ds-message": LocalJSX.IntrinsicElements["ds-message"] & JSXBase.HTMLAttributes<HTMLDsMessageElement>;

package/dist/vue/components.d.ts

@@ -52,6 +52,8 @@ export { DsInput } from './ds-input.js';
 export { DsInputDate } from './ds-input-date.js';
 export { DsInputTime } from './ds-input-time.js';
 export { DsLoader } from './ds-loader.js';
+export { DsMapClusterMarker } from './ds-map-cluster-marker.js';
+export { DsMapEntityMarker } from './ds-map-entity-marker.js';
 export { DsMarkdown } from './ds-markdown.js';
 export { DsMenu } from './ds-menu.js';
 export { DsMessage } from './ds-message.js';

package/dist/vue/components.js

@@ -54,6 +54,8 @@ export { DsInput } from './ds-input.js';
 export { DsInputDate } from './ds-input-date.js';
 export { DsInputTime } from './ds-input-time.js';
 export { DsLoader } from './ds-loader.js';
+export { DsMapClusterMarker } from './ds-map-cluster-marker.js';
+export { DsMapEntityMarker } from './ds-map-entity-marker.js';
 export { DsMarkdown } from './ds-markdown.js';
 export { DsMenu } from './ds-menu.js';
 export { DsMessage } from './ds-message.js';

package/dist/vue/ds-map-cluster-marker.d.ts

@@ -0,0 +1,3 @@
+import { type StencilVueComponent } from './vue-runtime.js';
+import type { JSX } from '@ds-mo/ui/components';
+export declare const DsMapClusterMarker: StencilVueComponent<JSX.DsMapClusterMarker>;

package/dist/vue/ds-map-cluster-marker.js

@@ -0,0 +1,14 @@
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated vue proxies */
+import { defineContainer } from './vue-runtime.js';
+import { defineCustomElement as defineDsMapClusterMarker } from '@ds-mo/ui/components/ds-map-cluster-marker.js';
+export const DsMapClusterMarker = /*@__PURE__*/ defineContainer('ds-map-cluster-marker', defineDsMapClusterMarker, [
+    'label',
+    'caption',
+    'count',
+    'dimmed',
+    'dsClick'
+], [
+    'dsClick'
+]);

package/dist/vue/ds-map-entity-marker.d.ts

@@ -0,0 +1,3 @@
+import { type StencilVueComponent } from './vue-runtime.js';
+import type { JSX } from '@ds-mo/ui/components';
+export declare const DsMapEntityMarker: StencilVueComponent<JSX.DsMapEntityMarker>;

package/dist/vue/ds-map-entity-marker.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated vue proxies */
+import { defineContainer } from './vue-runtime.js';
+import { defineCustomElement as defineDsMapEntityMarker } from '@ds-mo/ui/components/ds-map-entity-marker.js';
+export const DsMapEntityMarker = /*@__PURE__*/ defineContainer('ds-map-entity-marker', defineDsMapEntityMarker, [
+    'label',
+    'caption',
+    'icon',
+    'state',
+    'stale',
+    'heading',
+    'dimmed',
+    'dsClick'
+], [
+    'dsClick'
+]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "15.1.1",
+  "version": "15.2.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",

package/dist/components/p-0qY_HDId.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,h as s,a,t as c}from"./index.js";import{d as i}from"./p-DjkUFlDW.js";import{d as n}from"./p-DwbcNDJF.js";const d=()=>`.sc-ds-empty-state-h{display:block;width:100%;height:100%}.sc-ds-empty-state-h,.empty-state.sc-ds-empty-state,.empty-state__text.sc-ds-empty-state{box-sizing:border-box}.empty-state.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dimension-space-100);height:100%;width:100%;text-align:center}.empty-state__icon.sc-ds-empty-state{flex:0 0 auto}.empty-state__text.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--dimension-space-050);width:100%}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.body=""}render(){const e=Boolean(this.heading?.trim());const t=e&&Boolean(this.icon);return s(a,{key:"ebb344810e15feed3a3b0ed5bc3bcbf22f59b300"},s("div",{key:"1da90688469e42682b20b4f86c086939e482ac6e",class:"empty-state"},t&&s("ds-icon",{key:"34f553d6cc175086ba9b8e9cf78cbef052adc4b2",class:"empty-state__icon",name:this.icon,size:"xl",color:"primary"}),s("div",{key:"bb6a600996b7384f0a7f26eeabff8809ae7ef3dc",class:"empty-state__text"},e&&s("ds-text",{key:"bddb5e2fff07ee37a61b270509006f6ba5825033",class:"empty-state__title",as:"div",variant:"text-title-small",color:"primary",align:"center"},this.heading),this.body&&s("ds-text",{key:"e9a3c5c49462d7abcc9e412c6073e21ef2a4bec0",class:"empty-state__body",as:"p",variant:"text-body-medium",color:"secondary",align:"center"},this.body))))}static get style(){return d()}},[2,"ds-empty-state",{icon:[1],heading:[1],body:[1]}]);function m(){if(typeof customElements==="undefined"){return}const e=["ds-empty-state","ds-icon","ds-text"];e.forEach((e=>{switch(e){case"ds-empty-state":if(!customElements.get(c(e))){customElements.define(c(e),o)}break;case"ds-icon":if(!customElements.get(c(e))){i()}break;case"ds-text":if(!customElements.get(c(e))){n()}break}}))}m();export{o as E,m as d};
-//# sourceMappingURL=p-0qY_HDId.js.map

package/dist/components/p-BgQMEHRa.js

@@ -1,2 +0,0 @@
-import{p as e,H as o,h as s,a,t}from"./index.js";import{C as i}from"./p-BnhGV__o.js";import{d}from"./p-ZhP2tVmM.js";import{d as c}from"./p-Dzndkdx5.js";import{d as n}from"./p-DjkUFlDW.js";import{d as r}from"./p-0XTyQNRG.js";import{d as l}from"./p-DwbcNDJF.js";import{d as b}from"./p-CYzFfFcH.js";const f=()=>`.sc-ds-code-block-h{display:block;width:100%;min-width:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.code-block.sc-ds-code-block{width:100%;min-width:0;margin:0;overflow:hidden;border-radius:var(--dimension-radius-050);background:var(--color-background-strong-neutral);color:var(--color-foreground-faint-neutral);box-sizing:border-box}.code-block__header.sc-ds-code-block{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-100);min-height:var(--dimension-size-400);padding:var(--dimension-space-050) var(--dimension-space-100);background:var(--color-background-strong-neutral);box-sizing:border-box}pre.sc-ds-code-block{margin:0;padding:var(--dimension-space-150);overflow:auto;font-family:var(     --typography-font-family-code,     'Fira Code',     ui-monospace,     'SFMono-Regular',     'Cascadia Code',     'Roboto Mono',     Menlo,     Monaco,     Consolas,     'Liberation Mono',     monospace   );font-size:var(--typography-fontsize-sm);font-variant-ligatures:var(--ds-code-font-variant-ligatures, normal);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-sm);letter-spacing:var(--typography-letterspacing-none);tab-size:2;-webkit-user-select:text;user-select:text}code.sc-ds-code-block{font:inherit;white-space:pre}`;const p=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.code="";this.language="";this.filename="";this.copied=false;this.copyFeedback=new i((e=>{this.copied=e}));this.copy=async()=>{await this.copyFeedback.copy(this.code)}}connectedCallback(){this.copyFeedback.connect()}handleCodeChange(){this.copyFeedback.reset()}disconnectedCallback(){this.copyFeedback.disconnect()}render(){const e=this.filename||this.language||"Code";return s(a,{key:"d0e53405b2e9c4dfe2ab8f3f342c6fa31e5be641"},s("figure",{key:"d86fc1846bfc261f1eba5efca9883c4445821225",class:"code-block"},s("figcaption",{key:"0ad286a982964981e9bb9f47c2be202a661b9973",class:"code-block__header"},s("ds-text",{key:"deda6b35aff31ab4b1a43bd1d8c66c331579eea2",as:"span",variant:"text-caption",emphasis:true,color:"on-strong"},e),s("ds-tooltip",{key:"f30a5ae401d22205b8235319a7e4a020aedc40ec",label:this.copied?"Copied":"Copy code",side:"bottom",size:"sm"},s("ds-button-unfilled",{key:"7c87eed01a9e4cba207648dc4a79222082f89db6",variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":this.copied?"Copied":"Copy code",hasBorder:false,onDsClick:this.copy}))),s("pre",{key:"735240025fe578b138859ae0ebcdb68dd8f13cf5"},s("code",{key:"6f850b6372a8d452ea96de7ee5362ce6212845b2"},this.code))))}static get watchers(){return{code:[{handleCodeChange:0}]}}static get style(){return f()}},[2,"ds-code-block",{code:[1],language:[1],filename:[1],copied:[32]},undefined,{code:[{handleCodeChange:0}]}]);function m(){if(typeof customElements==="undefined"){return}const e=["ds-code-block","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-code-block":if(!customElements.get(t(e))){customElements.define(t(e),p)}break;case"ds-badge":if(!customElements.get(t(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){c()}break;case"ds-icon":if(!customElements.get(t(e))){n()}break;case"ds-loader":if(!customElements.get(t(e))){r()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){b()}break}}))}m();export{p as C,m as d};
-//# sourceMappingURL=p-BgQMEHRa.js.map