@crowdstrike/glide-core 0.29.2 → 0.30.0

package/dist/library/on-resize.js

@@ -1 +1,24 @@
-import{LitElement,noChange}from"lit";import{Directive,directive}from"lit/directive.js";class OnResize extends Directive{render(e,t){return noChange}update(e,[t,r]){return e.options?.host instanceof LitElement&&!e.options.host.hasUpdated&&(this.#e=new ResizeObserver(t),this.#e.observe(e.element,r)),this.render(t,r)}#e}export default directive(OnResize);
+import { LitElement, noChange } from 'lit';
+import { Directive, directive } from 'lit/directive.js';
+class OnResize extends Directive {
+    render(
+    // This method is required, both by `Directive` and so the directive's
+    // options are typed at `onResize()` callsite.
+    //
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    callback, options) {
+        return noChange;
+    }
+    update(part, [callback, options]) {
+        if (part.options?.host instanceof LitElement &&
+            !part.options.host.hasUpdated) {
+            this.#observer = new ResizeObserver(callback);
+            this.#observer.observe(part.element, options);
+        }
+        // Purely for test coverage purposes. If `update()` doesn't call `render()`,
+        // nothing will because `update()` exists.
+        return this.render(callback, options);
+    }
+    #observer;
+}
+export default directive(OnResize);

package/dist/library/required.js

@@ -1 +1,35 @@
-import{ReactiveElement}from"lit";const isThrow=["localhost","127.0.0.1"].some((t=>window.location.host.includes(t)));class RequiredController{hostUpdate(){if((void 0===this.#t[this.#o]||null===this.#t[this.#o])&&isThrow)throw new TypeError(`Expected ${this.#e} to have a \`${this.#o}\` property.`)}constructor(t,o,e){t.addController(this),this.#t=t,this.#o=o,this.#e=e}#t;#o;#e}export default function(t,o){if(Object.prototype.isPrototypeOf.call(ReactiveElement,t.constructor)){t.constructor.addInitializer((e=>{new RequiredController(e,o,t.constructor.name)}))}}
+import { ReactiveElement, } from 'lit';
+const isThrow = ['localhost', '127.0.0.1'].some((host) => {
+    return window.location.host.includes(host);
+});
+class RequiredController {
+    hostUpdate() {
+        const isNullOrUndefined = 
+        // @ts-expect-error `ReactiveControllerHost` doesn't have an index type.
+        this.#host[this.#key] === undefined || this.#host[this.#key] === null;
+        if (isNullOrUndefined && isThrow) {
+            // We throw in `hostUpdate()` instead of `hostUpdated()`, which is called
+            // after render, so it's obvious something has gone wrong. Sometimes a log
+            // gets lost in the noise. A component that has failed to render has a better
+            // chance of catching developers' attention.
+            throw new TypeError(`Expected ${this.#name} to have a \`${this.#key}\` property.`);
+        }
+    }
+    constructor(host, key, name) {
+        host.addController(this);
+        this.#host = host;
+        this.#key = key;
+        this.#name = name;
+    }
+    #host;
+    #key;
+    #name;
+}
+export default function (prototype, key) {
+    if (Object.prototype.isPrototypeOf.call(ReactiveElement, prototype.constructor)) {
+        const constructor = prototype.constructor;
+        constructor.addInitializer((instance) => {
+            new RequiredController(instance, key, prototype.constructor.name);
+        });
+    }
+}

package/dist/library/shadow-root-mode.js

@@ -1 +1,4 @@
-export default window.navigator.webdriver?"open":"closed";
+// This one-liner exists for code coverage purposes. Components
+// can't inline the ternary because the alternate branch is
+// untestable.
+export default window.navigator.webdriver ? 'open' : 'closed';

package/dist/library/unique-id.js

@@ -1 +1,3 @@
-export default()=>`${Math.random().toString(36).slice(2)}${Math.random().toString(36).slice(2)}`;
+export default () => {
+    return `${Math.random().toString(36).slice(2)}${Math.random().toString(36).slice(2)}`;
+};

package/dist/link.js

@@ -1 +1,92 @@
-var __decorate=this&&this.__decorate||function(e,t,o,r){var i,s=arguments.length,l=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(l=(s<3?i(l):s>3?i(t,o,l):i(t,o))||l);return s>3&&l&&Object.defineProperty(t,o,l),l};import{html,LitElement}from"lit";import{classMap}from"lit/directives/class-map.js";import{customElement,property}from"lit/decorators.js";import{ifDefined}from"lit/directives/if-defined.js";import{createRef,ref}from"lit/directives/ref.js";import packageJson from"../package.json"with{type:"json"};import styles from"./link.styles.js";import shadowRootMode from"./library/shadow-root-mode.js";import final from"./library/final.js";import required from"./library/required.js";let Link=class Link extends LitElement{constructor(){super(...arguments),this.disabled=!1,this.version=packageJson.version,this.#e=createRef()}static{this.shadowRootOptions={...LitElement.shadowRootOptions,delegatesFocus:!0,mode:shadowRootMode}}static{this.styles=styles}click(){this.#e.value?.click()}render(){return html`<a aria-disabled="${this.disabled}" class="${classMap({component:!0,disabled:this.disabled,href:Boolean(this.href)})}" data-test="component" download="${ifDefined(this.download)}" href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" @click="${this.#t}" ${ref(this.#e)}>${this.label}</a>`}#e;#t(e){this.disabled&&(e.preventDefault(),e.stopPropagation())}};__decorate([property({reflect:!0}),required],Link.prototype,"label",void 0),__decorate([property({reflect:!0,type:Boolean})],Link.prototype,"disabled",void 0),__decorate([property({reflect:!0})],Link.prototype,"download",void 0),__decorate([property({reflect:!0})],Link.prototype,"href",void 0),__decorate([property({reflect:!0})],Link.prototype,"target",void 0),__decorate([property({reflect:!0})],Link.prototype,"version",void 0),Link=__decorate([customElement("glide-core-link"),final],Link);export default Link;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { createRef, ref } from 'lit/directives/ref.js';
+import packageJson from '../package.json' with { type: 'json' };
+import styles from './link.styles.js';
+import shadowRootMode from './library/shadow-root-mode.js';
+import final from './library/final.js';
+import required from './library/required.js';
+/**
+ * @attr {string} label
+ * @attr {boolean} [disabled=false]
+ * @attr {string} [download]
+ * @attr {string} [href]
+ * @attr {'_blank'|'_parent'|'_self'|'_top'} [target]
+ *
+ * @readonly
+ * @attr {string} [version]
+ */
+let Link = class Link extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.version = packageJson.version;
+        this.#componentElementRef = createRef();
+    }
+    static { this.shadowRootOptions = {
+        ...LitElement.shadowRootOptions,
+        delegatesFocus: true,
+        mode: shadowRootMode,
+    }; }
+    static { this.styles = styles; }
+    click() {
+        this.#componentElementRef.value?.click();
+    }
+    render() {
+        return html `<a
+      aria-disabled=${this.disabled}
+      class=${classMap({
+            component: true,
+            disabled: this.disabled,
+            href: Boolean(this.href),
+        })}
+      data-test="component"
+      download=${ifDefined(this.download)}
+      href=${ifDefined(this.href)}
+      target=${ifDefined(this.target)}
+      @click=${this.#onClick}
+      ${ref(this.#componentElementRef)}
+    >
+      ${this.label}
+    </a>`;
+    }
+    #componentElementRef;
+    #onClick(event) {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    required
+], Link.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], Link.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true })
+], Link.prototype, "download", void 0);
+__decorate([
+    property({ reflect: true })
+], Link.prototype, "href", void 0);
+__decorate([
+    property({ reflect: true })
+], Link.prototype, "target", void 0);
+__decorate([
+    property({ reflect: true })
+], Link.prototype, "version", void 0);
+Link = __decorate([
+    customElement('glide-core-link'),
+    final
+], Link);
+export default Link;

package/dist/link.styles.js

@@ -1,11 +1,15 @@
-import{css}from"lit";import focusOutline from"./styles/focus-outline.js";export default[css`
-    ${focusOutline(".component:focus-visible")}
-  `,css`
+import { css } from 'lit';
+import focusOutline from './styles/focus-outline.js';
+export default [
+    css `
+    ${focusOutline('.component:focus-visible')}
+  `,
+    css `
     .component {
       border-radius: var(--glide-core-rounding-base-radius-xxs);
       color: var(--glide-core-color-interactive-text-link);
       font-family: var(--glide-core-typography-family-primary);
-      font-size: var(--glide-core-typography-size-body-small);
+      font-size: var(--glide-core-typography-size-body-default);
       font-weight: var(--glide-core-typography-weight-regular);
       text-decoration: none;
 
@@ -24,4 +28,5 @@ import{css}from"lit";import focusOutline from"./styles/focus-outline.js";export
         }
       }
     }
-  `];
+  `,
+];

package/dist/menu.d.ts

@@ -13,8 +13,8 @@ declare global {
  * @readonly
  * @attr {string} [version]
  *
- * @slot {MenuOptions}
- * @slot {Element} [target] - The element to which the popover will anchor. Can be any focusable element.
+ * @slot {Element}
+ * @slot {Element} target - The element to which Menu will anchor. Can be any focusable element unless it's the target of a sub-Menu, in which case the element shouldn't be focusable. If you want Menu to be filterable, put an Input in this slot. Listen for Input's "input" event, then add and remove Option(s) from Menu's default slot based on Input's value.
  *
  * @fires {Event} toggle
  */
@@ -38,6 +38,7 @@ export default class Menu extends LitElement {
     get open(): boolean;
     set open(isOpen: boolean);
     placement: 'bottom' | 'left' | 'right' | 'top' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top-start' | 'top-end';
+    privateOpenedViaKeyboard: boolean;
     readonly version: string;
     connectedCallback(): void;
     createRenderRoot(): ShadowRoot;