@crowdstrike/glide-core 0.29.2 → 0.30.0

package/dist/tooltip.styles.js

@@ -1,10 +1,25 @@
-import{css}from"lit";import focusOutline from"./styles/focus-outline.js";import opacityAndScaleAnimation from"./styles/opacity-and-scale-animation.js";export default[css`
-    ${opacityAndScaleAnimation(".tooltip:popover-open")}
-    ${focusOutline(".target-slot:focus-visible")}
-  `,css`
+import { css } from 'lit';
+import focusOutline from './styles/focus-outline.js';
+import opacityAndScaleAnimation from './styles/opacity-and-scale-animation.js';
+export default [
+    css `
+    ${opacityAndScaleAnimation('.tooltip:popover-open')}
+    ${focusOutline('.target-slot:focus-visible')}
+  `,
+    css `
     :host {
       /* https://github.com/CrowdStrike/glide-core/pull/307/files#r1718545771 */
       display: inline-block;
+
+      /*
+        We've found that many consumers put Tooltip in a container that has
+        "white-space: nowrap", preventing Tooltip's "label" and "description"
+        from wrapping.
+
+        It's easy enough for them to add "white-space: normal" to Tooltip's
+        host. But it reduces our support load to add it for them.
+      */
+      white-space: normal;
     }
 
     .component {
@@ -94,4 +109,5 @@ import{css}from"lit";import focusOutline from"./styles/focus-outline.js";import
         order: 2;
       }
     }
-  `];
+  `,
+];

package/dist/translations/en.js

@@ -1 +1,36 @@
-const translation={$code:"en",$name:"English",$dir:"ltr",close:"Close",dismiss:"Dismiss",selectAll:"Select all",notifications:"Notifications",nextTab:"Next tab",previousTab:"Previous tab",noAvailableOptions:"No options available",noMatchingOptions:"No matching options",tooltip:"Tooltip:",severityInformational:"Severity: Informational",severityCritical:"Severity: Critical",severityMedium:"Severity: Medium",success:"Success:",error:"Error:",informational:"Informational:",loading:"Loading",add:"Add",announcedCharacterCount:(i,t)=>`Character count ${i} of ${t}`,displayedCharacterCount:(i,t)=>`${i}/${t}`,clearEntry:i=>`Clear ${i} entry`,editOption:i=>`Edit option: ${i}`,editTag:i=>`Edit tag: ${i}`,removeTag:i=>`Remove tag: ${i}`,itemCount:i=>`${i} items`,maximum:i=>`Maximum ${i}`,setMaximum:i=>`Set maximum ${i}`,minimum:i=>`Minimum ${i}`,setMinimum:i=>`Set minimum ${i}`};export default translation;
+const translation = {
+    $code: 'en',
+    $name: 'English',
+    $dir: 'ltr',
+    // All of these should have corresponding entries in ./en.json,
+    // using ICU message syntax in place of any of dynamic functions
+    close: 'Close',
+    dismiss: 'Dismiss',
+    selectAll: 'Select all',
+    notifications: 'Notifications',
+    nextTab: 'Next tab',
+    previousTab: 'Previous tab',
+    noAvailableOptions: 'No options available',
+    noMatchingOptions: 'No matching options',
+    tooltip: 'Tooltip:',
+    severityInformational: 'Severity: Informational',
+    severityCritical: 'Severity: Critical',
+    severityMedium: 'Severity: Medium',
+    success: 'Success:',
+    error: 'Error:',
+    informational: 'Informational:',
+    loading: 'Loading',
+    add: 'Add',
+    announcedCharacterCount: (current, maximum) => `Character count ${current} of ${maximum}`,
+    displayedCharacterCount: (current, maximum) => `${current}/${maximum}`,
+    clearEntry: (label) => `Clear ${label} entry`,
+    editOption: (label) => `Edit option: ${label}`,
+    editTag: (label) => `Edit tag: ${label}`,
+    removeTag: (label) => `Remove tag: ${label}`,
+    itemCount: (count) => `${count} items`,
+    maximum: (label) => `Maximum ${label}`,
+    setMaximum: (label) => `Set maximum ${label}`,
+    minimum: (label) => `Minimum ${label}`,
+    setMinimum: (label) => `Set minimum ${label}`,
+};
+export default translation;

package/dist/translations/fr.js

@@ -1 +1,37 @@
-export const PENDING_STRINGS=["severityInformational","severityCritical","severityMedium","success","error","informational","loading","noAvailableOptions","noMatchingOptions","maximum","setMaximum","minimum","setMinimum","add"];const translation={$code:"fr",$name:"French",$dir:"ltr",close:"FERMER",dismiss:"Ignorer",selectAll:"Tout sélectionner",notifications:"Notifications",nextTab:"Onglet suivant",previousTab:"Onglet précédent",tooltip:"Info-bulle :",announcedCharacterCount:(e,t)=>`Nombre de caractères ${e} sur ${t}`,displayedCharacterCount:(e,t)=>`${e}/${t}`,clearEntry:e=>`Effacer l'entrée ${e}`,editOption:e=>`Modifier l'option : ${e}`,editTag:e=>`Modifier la balise : ${e}`,removeTag:e=>`Enlever la balise : ${e}`,itemCount:e=>`${e} éléments`};export default translation;
+export const PENDING_STRINGS = [
+    'severityInformational',
+    'severityCritical',
+    'severityMedium',
+    'success',
+    'error',
+    'informational',
+    'loading',
+    'noAvailableOptions',
+    'noMatchingOptions',
+    'maximum',
+    'setMaximum',
+    'minimum',
+    'setMinimum',
+    'add',
+];
+const translation = {
+    $code: 'fr',
+    $name: 'French',
+    $dir: 'ltr',
+    // These come from ./fr.json
+    close: 'FERMER',
+    dismiss: 'Ignorer',
+    selectAll: 'Tout sélectionner',
+    notifications: 'Notifications',
+    nextTab: 'Onglet suivant',
+    previousTab: 'Onglet précédent',
+    tooltip: 'Info-bulle :',
+    announcedCharacterCount: (current, maximum) => `Nombre de caractères ${current} sur ${maximum}`,
+    displayedCharacterCount: (current, maximum) => `${current}/${maximum}`,
+    clearEntry: (label) => `Effacer l'entrée ${label}`,
+    editOption: (label) => `Modifier l'option : ${label}`,
+    editTag: (label) => `Modifier la balise : ${label}`,
+    removeTag: (label) => `Enlever la balise : ${label}`,
+    itemCount: (count) => `${count} éléments`,
+};
+export default translation;

package/dist/translations/ja.js

@@ -1 +1,37 @@
-export const PENDING_STRINGS=["severityInformational","severityCritical","severityMedium","success","error","informational","loading","noAvailableOptions","noMatchingOptions","maximum","setMaximum","minimum","setMinimum","add"];const translation={$code:"ja",$name:"Japanese",$dir:"ltr",close:"閉じる",dismiss:"閉じる",selectAll:"すべて選択",notifications:"通知",nextTab:"Onglet suivant",previousTab:"Onglet précédent",tooltip:"ツールチップ：",announcedCharacterCount:(t,e)=>`文字数 ${t}/${e}`,displayedCharacterCount:(t,e)=>`${t}/${e}`,clearEntry:t=>`${t}入力をクリア`,editOption:t=>`編集オプション：${t}`,editTag:t=>`タグの編集：${t}`,removeTag:t=>`タグの削除：${t}`,itemCount:t=>`${t}件`};export default translation;
+export const PENDING_STRINGS = [
+    'severityInformational',
+    'severityCritical',
+    'severityMedium',
+    'success',
+    'error',
+    'informational',
+    'loading',
+    'noAvailableOptions',
+    'noMatchingOptions',
+    'maximum',
+    'setMaximum',
+    'minimum',
+    'setMinimum',
+    'add',
+];
+const translation = {
+    $code: 'ja',
+    $name: 'Japanese',
+    $dir: 'ltr',
+    // These come from ./ja.json
+    close: '閉じる',
+    dismiss: '閉じる',
+    selectAll: 'すべて選択',
+    notifications: '通知',
+    nextTab: 'Onglet suivant',
+    previousTab: 'Onglet précédent',
+    tooltip: 'ツールチップ：',
+    announcedCharacterCount: (current, maximum) => `文字数 ${current}/${maximum}`,
+    displayedCharacterCount: (current, maximum) => `${current}/${maximum}`,
+    clearEntry: (label) => `${label}入力をクリア`,
+    editOption: (label) => `編集オプション：${label}`,
+    editTag: (label) => `タグの編集：${label}`,
+    removeTag: (label) => `タグの削除：${label}`,
+    itemCount: (count) => `${count}件`,
+};
+export default translation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crowdstrike/glide-core",
-  "version": "0.29.2",
+  "version": "0.30.0",
   "description": "A Web Component design system",
   "author": "CrowdStrike UX Team",
   "license": "Apache-2.0",
@@ -63,7 +63,7 @@
     "@custom-elements-manifest/analyzer": "^0.10.4",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.28.0",
-    "@figma/rest-api-spec": "^0.27.0",
+    "@figma/rest-api-spec": "^0.32.0",
     "@html-eslint/eslint-plugin": "^0.41.0",
     "@open-wc/testing": "^4.0.0",
     "@playwright/test": "^1.52.0",
@@ -90,7 +90,6 @@
     "@web/test-runner": "^0.20.2",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.0",
-    "chalk": "^5.3.0",
     "chokidar-cli": "^3.0.0",
     "comment-parser": "^1.4.1",
     "custom-elements-manifest": "^2.1.0",
@@ -104,7 +103,6 @@
     "eslint-plugin-unicorn": "^58.0.0",
     "globals": "^15.13.0",
     "globby": "^14.0.2",
-    "http-server": "^14.1.1",
     "husky": "^8.0.3",
     "is-ci": "^4.1.0",
     "lint-staged": "^15.2.11",
@@ -115,21 +113,20 @@
     "npm-run-all2": "^7.0.2",
     "per-env": "^1.0.2",
     "playwright": "^1.52.0",
-    "postcss": "^8.4.49",
-    "postcss-lit": "^1.1.1",
+    "postcss": "^8.5.6",
+    "postcss-lit": "^1.2.0",
     "prettier": "^3.5.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rimraf": "^6.0.1",
     "sinon": "^19.0.2",
     "storybook": "^8.6.3",
-    "stylelint": "^16.12.0",
+    "stylelint": "^16.21.1",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-order": "^6.0.4",
     "stylelint-prettier": "^5.0.2",
     "stylelint-use-logical": "^2.1.2",
     "stylelint-use-nesting": "^6.0.0",
-    "terser": "^5.37.0",
     "ts-lit-plugin": "^2.0.2",
     "ts-morph": "^25.0.1",
     "tsx": "^4.19.2",
@@ -151,14 +148,14 @@
     "start:development:storybook": "storybook dev --config-dir .storybook --no-open --no-version-updates --port 6006",
     "start:development:ts-morph": "chokidar ./custom-elements.json './src/ts-morph/**' --initial --silent --command 'tsx ./src/ts-morph/run.ts'",
     "start:development:ts-morph:comment:tsx": "Remove `tsx` once Node.js type stripping is available.",
-    "start:production": "rimraf ./dist && npm-run-all --aggregate-output --print-label --parallel start:production:typescript start:production:storybook start:production:esbuild",
+    "start:production": "rimraf ./dist && pnpm start:production:cem-analyze && pnpm start:production:ts-morph && npm-run-all --aggregate-output --print-label --parallel start:production:typescript start:production:storybook start:production:esbuild",
     "start:production:esbuild": "node ./esbuild.js",
     "start:production:cem-analyze": "tsc --noCheck --outDir ./dist && NODE_OPTIONS=--no-warnings=ExperimentalWarning cem analyze --config ./custom-elements.config.js --quiet && git diff --quiet -- || { echo ERROR: Uncommitted elements manifest changes. Run this command locally and commit the changes.; exit 1; }",
     "start:production:figma:dev-resources": "tsx ./src/figma/dev-resources/run.ts",
     "start:production:figma:variables": "tsx ./src/figma/variables/run.ts",
     "start:production:storybook": "storybook build --config-dir .storybook --disable-telemetry --output-dir ./dist/storybook",
     "start:production:ts-morph": "tsx ./src/ts-morph/run.ts && git diff --quiet -- || { echo ERROR: Uncommitted code modifications. Run this command locally and commit the changes.; exit 1; }",
-    "start:production:typescript": "tsc --noCheck --outDir ./dist && node ./terser.js",
+    "start:production:typescript": "tsc --noCheck --outDir ./dist",
     "format": "per-env",
     "format:development": "chokidar '**/*' --ignore 'dist/**' --ignore '.changeset/**' --ignore '.git/**' --ignore 'node_modules/**' --ignore 'pnpm-lock.yaml' --initial --silent --comand 'prettier --write --ignore-unknown {path} && stylelint {path}'",
     "format:production": "prettier . --debug-check",
@@ -172,13 +169,12 @@
     "lint:production:lit-analyzer": "lit-analyzer **/*.ts",
     "lint:production:stylelint": "tsc --noCheck --outDir ./dist && stylelint '**/*.styles.ts' --custom-syntax postcss-lit --no-color",
     "test": "per-env",
-    "test:development": "npm-run-all --parallel test:development:web-test-runner test:development:web-test-runner:serve-coverage",
+    "test:development": "pnpm test:development:web-test-runner",
     "test:development:playwright": "playwright test --quiet --ui-port 6007 --update-snapshots --update-source-method=overwrite",
     "test:development:playwright:update": "rimraf ./src/aria-snapshots && playwright test --quiet --project aria --update-snapshots --update-source-method=overwrite --workers 100%",
     "test:development:vitest": "vitest --config ./vitest.config.js & chokidar './src/eslint/**' './src/stylelint/**' --ignore './src/eslint/rules/*.test.ts' './src/stylelint/*.test.ts' --initial --silent --command 'tsc --noCheck --outDir ./dist'",
     "test:development:vitest:comment": "Excluded from `test:development` because Vitest muddies the console when running alongside Web Test Runner.",
     "test:development:web-test-runner": "web-test-runner --watch",
-    "test:development:web-test-runner:serve-coverage": "pnpm exec http-server dist/coverage/lcov-report --silent",
     "test:production": "pnpm start:production:esbuild && npm-run-all --aggregate-output --print-label --parallel test:production:*",
     "test:production:playwright:aria": "playwright test --quiet --only-changed origin/main",
     "test:production:playwright:visuals": "playwright test --ignore-snapshots --quiet --only-changed origin/main",

package/dist/menu.button.d.ts

@@ -1,42 +0,0 @@
-import { LitElement } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'glide-core-menu-button': MenuButton;
-    }
-}
-/**
- * @attr {string} label
- * @attr {boolean} [disabled=false]
- *
- * @readonly
- * @attr {string} [id]
- *
- * @readonly
- * @attr {string} [role='menuitem']
- *
- * @readonly
- * @attr {number} [tabindex=-1]
- *
- * @readonly
- * @attr {string} [version]
- *
- * @slot {Element} [icon]
- */
-export default class MenuButton extends LitElement {
-    #private;
-    static shadowRootOptions: ShadowRootInit;
-    static styles: import("lit").CSSResult[];
-    label?: string;
-    /**
-     * @default false
-     */
-    get disabled(): boolean;
-    set disabled(isDisabled: boolean);
-    readonly id: string;
-    privateActive: boolean;
-    readonly role = "menuitem";
-    readonly tabIndex = -1;
-    readonly version: string;
-    click(): void;
-    render(): import("lit").TemplateResult<1>;
-}

package/dist/menu.button.js

@@ -1 +0,0 @@
-var __decorate=this&&this.__decorate||function(e,t,o,r){var i,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(n<3?i(s):n>3?i(t,o,s):i(t,o))||s);return n>3&&s&&Object.defineProperty(t,o,s),s};import{html,LitElement}from"lit";import{classMap}from"lit/directives/class-map.js";import{createRef,ref}from"lit/directives/ref.js";import{customElement,property}from"lit/decorators.js";import packageJson from"../package.json"with{type:"json"};import styles from"./menu.button.styles.js";import shadowRootMode from"./library/shadow-root-mode.js";import final from"./library/final.js";import required from"./library/required.js";import uniqueId from"./library/unique-id.js";let MenuButton=class MenuButton extends LitElement{constructor(){super(...arguments),this.id=uniqueId(),this.privateActive=!1,this.role="menuitem",this.tabIndex=-1,this.version=packageJson.version,this.#e=createRef(),this.#t=!1}static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:shadowRootMode}}static{this.styles=styles}get disabled(){return this.#t}set disabled(e){this.#t=e,e&&this.privateActive&&this.dispatchEvent(new Event("private-disabled",{bubbles:!0}))}click(){this.#e.value?.click()}render(){return html`<button class="${classMap({component:!0,active:this.privateActive,disabled:this.disabled})}" ?disabled="${this.disabled}" data-test="component" type="button" ${ref(this.#e)}><slot name="icon"></slot>${this.label}</button>`}#e;#t};__decorate([property({reflect:!0}),required],MenuButton.prototype,"label",void 0),__decorate([property({reflect:!0,type:Boolean})],MenuButton.prototype,"disabled",null),__decorate([property({reflect:!0})],MenuButton.prototype,"id",void 0),__decorate([property({type:Boolean})],MenuButton.prototype,"privateActive",void 0),__decorate([property({reflect:!0})],MenuButton.prototype,"role",void 0),__decorate([property({attribute:"tabindex",reflect:!0,type:Number})],MenuButton.prototype,"tabIndex",void 0),__decorate([property({reflect:!0})],MenuButton.prototype,"version",void 0),MenuButton=__decorate([customElement("glide-core-menu-button"),final],MenuButton);export default MenuButton;

package/dist/menu.button.styles.js

@@ -1,32 +0,0 @@
-import{css}from"lit";export default[css`
-    .component {
-      align-items: center;
-      background-color: transparent;
-      block-size: 1.75rem;
-      border: none;
-      border-radius: var(--glide-core-spacing-base-sm);
-      display: flex;
-      font: inherit;
-      gap: var(--glide-core-spacing-base-xs);
-      inline-size: 100%;
-      padding-block: var(--glide-core-spacing-base-xxs);
-      padding-inline: var(--glide-core-spacing-base-sm);
-      transition: background-color 100ms ease-in-out;
-      user-select: none;
-
-      &.active {
-        background-color: var(
-          --glide-core-color-interactive-surface-container--hover
-        );
-      }
-
-      &.disabled {
-        color: var(--glide-core-color-interactive-icon-default--disabled);
-      }
-
-      &:not(.disabled) {
-        color: var(--glide-core-color-static-text-default);
-        cursor: pointer;
-      }
-    }
-  `];

package/dist/menu.link.d.ts

@@ -1,44 +0,0 @@
-import { LitElement } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'glide-core-menu-link': MenuLink;
-    }
-}
-/**
- * @attr {string} label
- * @attr {boolean} [disabled=false]
- * @attr {string} [href]
- *
- * @readonly
- * @attr {string} [id]
- *
- * @readonly
- * @attr {string} [role='menuitem']
- *
- * @readonly
- * @attr {number} [tabindex=-1]
- *
- * @readonly
- * @attr {string} [version]
- *
- * @slot {Element} [icon]
- */
-export default class MenuLink extends LitElement {
-    #private;
-    static shadowRootOptions: ShadowRootInit;
-    static styles: import("lit").CSSResult[];
-    label?: string;
-    /**
-     * @default false
-     */
-    get disabled(): boolean;
-    set disabled(isDisabled: boolean);
-    href?: string;
-    readonly id: string;
-    privateActive: boolean;
-    readonly role = "menuitem";
-    readonly tabIndex = -1;
-    readonly version: string;
-    click(): void;
-    render(): import("lit").TemplateResult<1>;
-}

package/dist/menu.link.js

@@ -1 +0,0 @@
-var __decorate=this&&this.__decorate||function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};import{html,LitElement}from"lit";import{classMap}from"lit/directives/class-map.js";import{createRef,ref}from"lit/directives/ref.js";import{customElement,property}from"lit/decorators.js";import{ifDefined}from"lit/directives/if-defined.js";import packageJson from"../package.json"with{type:"json"};import styles from"./menu.link.styles.js";import shadowRootMode from"./library/shadow-root-mode.js";import final from"./library/final.js";import required from"./library/required.js";import uniqueId from"./library/unique-id.js";let MenuLink=class MenuLink extends LitElement{constructor(){super(...arguments),this.id=uniqueId(),this.privateActive=!1,this.role="menuitem",this.tabIndex=-1,this.version=packageJson.version,this.#e=createRef(),this.#t=!1}static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:shadowRootMode}}static{this.styles=styles}get disabled(){return this.#t}set disabled(e){this.#t=e,e&&this.privateActive&&this.dispatchEvent(new Event("private-disabled",{bubbles:!0}))}click(){this.disabled||this.#e.value?.click()}render(){return html`<a aria-disabled="${this.disabled}" class="${classMap({component:!0,active:this.privateActive,disabled:this.disabled})}" data-test="component" href="${ifDefined(this.href)}" @click="${this.#i}" ${ref(this.#e)}><slot name="icon"></slot>${this.label}</a>`}#e;#t;#i(e){this.disabled&&(e.preventDefault(),e.stopPropagation())}};__decorate([property({reflect:!0}),required],MenuLink.prototype,"label",void 0),__decorate([property({reflect:!0,type:Boolean})],MenuLink.prototype,"disabled",null),__decorate([property({reflect:!0})],MenuLink.prototype,"href",void 0),__decorate([property({reflect:!0})],MenuLink.prototype,"id",void 0),__decorate([property({type:Boolean})],MenuLink.prototype,"privateActive",void 0),__decorate([property({reflect:!0})],MenuLink.prototype,"role",void 0),__decorate([property({attribute:"tabindex",reflect:!0,type:Number})],MenuLink.prototype,"tabIndex",void 0),__decorate([property({reflect:!0})],MenuLink.prototype,"version",void 0),MenuLink=__decorate([customElement("glide-core-menu-link"),final],MenuLink);export default MenuLink;

package/dist/menu.link.styles.js

@@ -1,35 +0,0 @@
-import{css}from"lit";export default[css`
-    .component {
-      align-items: center;
-      background-color: transparent;
-      block-size: 1.75rem;
-      border: none;
-      border-radius: var(--glide-core-spacing-base-sm);
-      box-sizing: border-box;
-      display: flex;
-      font: inherit;
-      gap: var(--glide-core-spacing-base-xs);
-      inline-size: 100%;
-      padding-block: var(--glide-core-spacing-base-xxs);
-      padding-inline: var(--glide-core-spacing-base-sm);
-      text-decoration: none;
-      transition: background-color 100ms ease-in-out;
-      user-select: none;
-
-      &.active {
-        background-color: var(
-          --glide-core-color-interactive-surface-container--hover
-        );
-      }
-
-      &.disabled {
-        color: var(--glide-core-color-interactive-icon-default--disabled);
-        cursor: default;
-      }
-
-      &:not(.disabled) {
-        color: var(--glide-core-color-static-text-default);
-        cursor: pointer;
-      }
-    }
-  `];

package/dist/menu.options.js

@@ -1 +0,0 @@
-var __decorate=this&&this.__decorate||function(e,t,o,r){var i,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(n<3?i(s):n>3?i(t,o,s):i(t,o))||s);return n>3&&s&&Object.defineProperty(t,o,s),s};import{html,LitElement}from"lit";import{classMap}from"lit/directives/class-map.js";import{customElement,property}from"lit/decorators.js";import{map}from"lit/directives/map.js";import{when}from"lit/directives/when.js";import{range}from"lit/directives/range.js";import packageJson from"../package.json"with{type:"json"};import MenuButton from"./menu.button.js";import MenuLink from"./menu.link.js";import styles from"./menu.options.styles.js";import assertSlot from"./library/assert-slot.js";import shadowRootMode from"./library/shadow-root-mode.js";import final from"./library/final.js";import uniqueId from"./library/unique-id.js";let MenuOptions=class MenuOptions extends LitElement{constructor(){super(...arguments),this.ariaActivedescendant="",this.ariaLabelledby="",this.id=uniqueId(),this.privateLoading=!1,this.role="menu",this.tabIndex=-1,this.version=packageJson.version}static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:shadowRootMode}}static{this.styles=styles}render(){return html`<div class="component" role="none"><slot class="${classMap({"default-slot":!0,loading:this.privateLoading})}" ${assertSlot([MenuButton,MenuLink,Text])} @slotchange="${this.#e}"></slot>${when(this.privateLoading,(()=>html`<div class="loading-feedback" data-test="loading-feedback">${map(range(7),(()=>html`<div></div>`))}</div>`))}</div>`}#e(){this.dispatchEvent(new Event("private-slot-change",{bubbles:!0}))}};__decorate([property({attribute:"aria-activedescendant",reflect:!0,useDefault:!0})],MenuOptions.prototype,"ariaActivedescendant",void 0),__decorate([property({attribute:"aria-labelledby",reflect:!0,useDefault:!0})],MenuOptions.prototype,"ariaLabelledby",void 0),__decorate([property({reflect:!0})],MenuOptions.prototype,"id",void 0),__decorate([property({type:Boolean})],MenuOptions.prototype,"privateLoading",void 0),__decorate([property({reflect:!0})],MenuOptions.prototype,"role",void 0),__decorate([property({attribute:"tabindex",reflect:!0,type:Number})],MenuOptions.prototype,"tabIndex",void 0),__decorate([property({reflect:!0})],MenuOptions.prototype,"version",void 0),MenuOptions=__decorate([customElement("glide-core-menu-options"),final],MenuOptions);export default MenuOptions;

package/dist/menu.options.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/menu.options.styles.js

@@ -1,20 +0,0 @@
-import{css}from"lit";import skeleton from"./styles/skeleton.js";export default[css`
-    ${skeleton(".loading-feedback")}
-  `,css`
-    :host {
-      display: inline-block;
-      inline-size: 100%;
-    }
-
-    .component {
-      font-family: var(--glide-core-typography-family-primary);
-      font-size: var(--glide-core-typography-size-body-default);
-      font-weight: var(--glide-core-typography-weight-regular);
-    }
-
-    .default-slot {
-      &.loading {
-        display: none;
-      }
-    }
-  `];