@aurodesignsystem-dev/auro-accordion 0.0.0-pr190.0 → 0.0.0-pr200.1

package/dist/color-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=color-css.d.ts.map

package/dist/color-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-css.d.ts","sourceRoot":"","sources":["../src/color-css.js"],"names":[],"mappings":""}

package/dist/iconVersion.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "8.0.2";
-export default _default;
-//# sourceMappingURL=iconVersion.d.ts.map

package/dist/iconVersion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconVersion.d.ts","sourceRoot":"","sources":["../src/iconVersion.js"],"names":[],"mappings":"wBAAe,OAAO"}

package/dist/src/auro-accordion-button.d.ts

@@ -1,19 +0,0 @@
-/**
- * Auro-accordion-button is the trigger element for Auro-accordion.
- */
-export class AuroAccordionButton {
-    static get properties(): any;
-    static get styles(): any[];
-    /**
-     * This will register this element with the browser.
-     * @param {string} [name="auro-accordion-button"] - The name of element that you want to register to.
-     *
-     * @example
-     * AuroAccordionButton.register("custom-accordion-button") // this will register this element to <custom-accordion-button/>
-     *
-     */
-    static register(name?: string): void;
-    ariaexpanded: boolean;
-    updated(changedProperties: any): void;
-}
-//# sourceMappingURL=auro-accordion-button.d.ts.map

package/dist/src/auro-accordion-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auro-accordion-button.d.ts","sourceRoot":"","sources":["../../src/auro-accordion-button.js"],"names":[],"mappings":"AAYA;;GAEG;AAGH;IAOE,6BAQC;IAED,2BAKC;IAeD;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IA3CC,sBAAyB;IAsB3B,sCASC;CAaF"}

package/dist/src/auro-accordion-group.d.ts

@@ -1,61 +0,0 @@
-/**
- * Auro-accordion provides users a way to have collapsible content on a page.
- * Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
- *
- * @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
- * @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
- * @attr {Boolean} disabled - If set, the whole accordion inside the group are disabled and have reduced opacity.
- * @attr {Boolean} noToggleExpanded - If set, multiple accordions can be open at the same time.
- */
-export class AuroAccordionGroup extends LitElement {
-    static get properties(): {
-        emphasis: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        variant: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-    };
-    /**
-     * This will register this element with the browser.
-     * @param {string} [name="auro-accordion-group"] - The name of element that you want to register to.
-     *
-     * @example
-     * AuroAccordionGroup.register("custom-accordion-button") // this will register this element to <custom-accordion-group/>
-     *
-     */
-    static register(name?: string): void;
-    /**
-     * @private
-     */
-    private runtimeUtils;
-    firstUpdated(): void;
-    updated(changedProperties: any): void;
-    /**
-     * Updates the disabled state of all child <auro-accordion> elements
-     * to match the disabled state of the <auro-accordion-group> element.
-     */
-    updateDisabledState(): void;
-    handleSlotContentChange(): void;
-    /**
-     * Internal function to toggle any expanded panels if it is not the one selected.
-     * @private
-     * @param {object} event - Standard event parameter.
-     */
-    private handleToggleExpanded;
-    /**
-     * Internal function to add all accordions into an array.
-     * @private
-     */
-    private handleItems;
-    items: Element[];
-    render(): import("lit-html").TemplateResult<1>;
-}
-import { LitElement } from "lit";
-//# sourceMappingURL=auro-accordion-group.d.ts.map

package/dist/src/auro-accordion-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auro-accordion-group.d.ts","sourceRoot":"","sources":["../../src/auro-accordion-group.js"],"names":[],"mappings":"AAWA;;;;;;;;GAQG;AAGH;IAaE;;;;;;;;;;;;;MAiBC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAtCC;;OAEG;IACH,qBAAiD;IAqCnD,qBAGC;IAED,sCAIC;IAED;;;OAGG;IACH,4BAKC;IAED,gCAqBC;IAED;;;;OAIG;IACH,6BAaC;IAED;;;OAGG;IACH,oBAKC;IADC,iBAAgE;IAIlE,+CAMC;CACF;2BAhJgC,KAAK"}

package/dist/src/auro-accordion.d.ts

@@ -1,106 +0,0 @@
-/**
- * Auro-accordion provides users a way to have collapsible content on a page.
- * Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
- *
- * @attr {Boolean} alignRight - If set, the trigger content will align right.
- * @attr {Boolean} expanded - If set, the accordion is expanded.
- * @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
- * @attr {Boolean} grouped - Attribute will be set on accordion when it appears in an accordion group.
- * @attr {Boolean} disabled - If set, the accordion is disabled and have reduced opacity.
- * @attr {String} chevron - Sets chevron variant option. Possible values are: `none`, `right`.
- * @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
- * @slot - Default slot for the accordion content.
- * @slot trigger - Defines the content of the trigger element.
- * @csspart accordion - Apply CSS to Accordion wrapper.
- * @csspart trigger - Apply CSS to trigger element.
- * @csspart chevron - Apply CSS to chevron icon.
- * @csspart content - Apply CSS to the accordion content.
- * @event toggleExpanded - Notifies that the accordion has been expanded or closed.
- */
-export class AuroAccordion extends LitElement {
-    static get properties(): {
-        alignRight: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        expanded: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        emphasis: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        grouped: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        chevron: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        variant: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-    };
-    static get styles(): import("lit").CSSResult[];
-    /**
-     * This will register this element with the browser.
-     * @param {string} [name="auro-accordion"] - The name of element that you want to register to.
-     *
-     * @example
-     * AuroAccordion.register("custom-accordion") // this will register this element to <custom-accordion/>
-     *
-     */
-    static register(name?: string): void;
-    /**
-     * @private
-     */
-    private iconTag;
-    /**
-     * @private
-     */
-    private buttonNameHash;
-    /**
-     * @private
-     */
-    private buttonTag;
-    /**
-     * @private
-     */
-    private runtimeUtils;
-    expanded: boolean;
-    firstUpdated(): void;
-    updated(changedProperties: any): void;
-    /**
-     * Renders the chevron icons.
-     * @private
-     * @returns {TemplateResult} - The html template for the chevron icons.
-     */
-    private renderChevronIcons;
-    /**
-     * Generates a random string of letters.
-     * @private
-     * @param {number} length - The number of characters to generate in the string.
-     * @returns {string} - The generated string.
-     */
-    private generateRandomLetters;
-    /**
-     * Toggles the visibility of the accordion content.
-     */
-    toggle(): void;
-    /**
-     * Toggles the visibility of the accordion content when button gets clicked.
-     * @private
-     * @param {Event} event - The event object.
-     */
-    private handleButtonClick;
-    render(): import("lit-html").TemplateResult;
-}
-import { LitElement } from "lit";
-//# sourceMappingURL=auro-accordion.d.ts.map

package/dist/src/auro-accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auro-accordion.d.ts","sourceRoot":"","sources":["../../src/auro-accordion.js"],"names":[],"mappings":"AA+BA;;;;;;;;;;;;;;;;;;GAkBG;AAGH;IAgCE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiCC;IAED,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAUhB;IAjFC;;OAEG;IACH,gBAAyE;IAEzE;;OAEG;IACH,uBAAmD;IAEnD;;OAEG;IACH,kBAA0G;IAE1G;;OAEG;IACH,qBAAiD;IAEjD,kBAAqB;IA+DvB,qBAGC;IAED,sCAQC;IAED;;;;OAIG;IACH,2BAgBC;IAED;;;;;OAKG;IACH,8BASC;IAED;;OAEG;IACH,eAUC;IAED;;;;OAIG;IACH,0BAMC;IAGD,4CA2CC;CACF;2BArQmC,KAAK"}

package/dist/src/color-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=color-css.d.ts.map

package/dist/src/color-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-css.d.ts","sourceRoot":"","sources":["../../src/color-css.js"],"names":[],"mappings":""}

package/dist/src/iconVersion.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "8.1.4";
-export default _default;
-//# sourceMappingURL=iconVersion.d.ts.map

package/dist/src/iconVersion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconVersion.d.ts","sourceRoot":"","sources":["../../src/iconVersion.js"],"names":[],"mappings":"wBAAe,OAAO"}

package/dist/src/style-button-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=style-button-css.d.ts.map

package/dist/src/style-button-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-button-css.d.ts","sourceRoot":"","sources":["../../src/style-button-css.js"],"names":[],"mappings":""}

package/dist/src/style-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=style-css.d.ts.map

package/dist/src/style-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-css.d.ts","sourceRoot":"","sources":["../../src/style-css.js"],"names":[],"mappings":""}

package/dist/src/styles/color-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=color-css.d.ts.map

package/dist/src/styles/color-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-css.d.ts","sourceRoot":"","sources":["../../../src/styles/color-css.js"],"names":[],"mappings":""}

package/dist/src/styles/style-button-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=style-button-css.d.ts.map

package/dist/src/styles/style-button-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-button-css.d.ts","sourceRoot":"","sources":["../../../src/styles/style-button-css.js"],"names":[],"mappings":""}

package/dist/src/styles/style-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=style-css.d.ts.map

package/dist/src/styles/style-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-css.d.ts","sourceRoot":"","sources":["../../../src/styles/style-css.js"],"names":[],"mappings":""}

package/dist/src/styles/tokens-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=tokens-css.d.ts.map

package/dist/src/styles/tokens-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-css.d.ts","sourceRoot":"","sources":["../../../src/styles/tokens-css.js"],"names":[],"mappings":""}

package/dist/src/tokens-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=tokens-css.d.ts.map

package/dist/src/tokens-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-css.d.ts","sourceRoot":"","sources":["../../src/tokens-css.js"],"names":[],"mappings":""}

package/dist/style-button-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=style-button-css.d.ts.map

package/dist/style-button-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-button-css.d.ts","sourceRoot":"","sources":["../src/style-button-css.js"],"names":[],"mappings":""}

package/dist/style-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=style-css.d.ts.map

package/dist/style-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-css.d.ts","sourceRoot":"","sources":["../src/style-css.js"],"names":[],"mappings":""}

package/dist/test/auro-accordion-group.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=auro-accordion-group.test.d.ts.map

package/dist/test/auro-accordion-group.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auro-accordion-group.test.d.ts","sourceRoot":"","sources":["../../test/auro-accordion-group.test.js"],"names":[],"mappings":""}

package/dist/test/auro-accordion.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=auro-accordion.test.d.ts.map

package/dist/test/auro-accordion.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auro-accordion.test.d.ts","sourceRoot":"","sources":["../../test/auro-accordion.test.js"],"names":[],"mappings":""}

package/dist/tokens-css.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
-//# sourceMappingURL=tokens-css.d.ts.map

package/dist/tokens-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-css.d.ts","sourceRoot":"","sources":["../src/tokens-css.js"],"names":[],"mappings":""}

package/index.js

@@ -1,3 +0,0 @@
-import { AuroAccordion } from './src/auro-accordion.js';
-
-AuroAccordion.register();

package/packageScripts/postinstall.mjs

@@ -1,28 +0,0 @@
-'use strict';
-
-import chalk from 'chalk';
-import { createRequire } from 'node:module';
-const require = createRequire(import.meta.url);
-const pjson = require('../package.json');
-
-console.log(chalk.hex('#f26135')(`
-
- _______                   __           __ __
-|     __|.---.-.--.--.    |  |--.-----.|  |  |.-----.
-|__     ||  _  |  |  |    |     |  -__||  |  ||  _  |
-|_______||___._|___  |    |__|__|_____||__|__||_____|
-               |_____|
- __              _______                    __
-|  |_.-----.    |   _   |.--.--.----.-----.|  |
-|   _|  _  |    |       ||  |  |   _|  _  ||__|
-|____|_____|    |___|___||_____|__| |_____||__|
-
-
-╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮
-
-        Thanks for installing the latest version
-        of `) + chalk.hex('#ffd200').bold(`${pjson.name} v${pjson.version}.`) + chalk.hex('#f26135')(`
-
-╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯
-`),
-);

package/scripts/version.mjs

@@ -1,3 +0,0 @@
-import versionWriter from '@aurodesignsystem/auro-library/scripts/build/versionWriter.js';
-
-versionWriter.writeDepVersionFile('@aurodesignsystem/auro-icon');

package/scripts/wca/auro-accordion.js

@@ -1,12 +0,0 @@
-
-import { AuroAccordion } from '../../src/auro-accordion.js';
-
-/**
- * Auro-accordion provides users a way to have collapsible content on a page.
- * Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
- */
-class AuroAccordionWCA extends AuroAccordion {}
-
-if (!customElements.get("auro-accordion")) {
-  customElements.define("auro-accordion", AuroAccordionWCA);
-}

package/src/auro-accordion-button.js

@@ -1,66 +0,0 @@
-// Copyright (c) 2022 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-// ---------------------------------------------------------------------
-
-import styleButtonCss from "./styles/style-button-css.js";
-import styleCssAuroButton from "@aurodesignsystem/auro-button/src/styles/style-css.js";
-
-import { AuroButton } from "@aurodesignsystem/auro-button/src/auro-button.js";
-
-import * as RuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
-
-/**
- * Auro-accordion-button is the trigger element for Auro-accordion.
- */
-
-// build the component class
-export class AuroAccordionButton extends AuroButton {
-  constructor() {
-    super();
-
-    this.ariaexpanded = false;
-  }
-
-  static get properties() {
-    return {
-      ...super.properties,
-      ariaexpanded: {
-        type: Boolean,
-        reflect: true
-      }
-    };
-  }
-
-  static get styles() {
-    return [
-      styleCssAuroButton,
-      styleButtonCss
-    ];
-  }
-
-
-  // Sync aria-expanded changes
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    
-    if (changedProperties.has('ariaexpanded')) {
-      const button = this.shadowRoot.querySelector('button');
-      if (button) {
-        button.setAttribute('aria-expanded', this.ariaexpanded ? 'true' : 'false');
-      }
-    }
-  }
-
-  /**
-   * This will register this element with the browser.
-   * @param {string} [name="auro-accordion-button"] - The name of element that you want to register to.
-   *
-   * @example
-   * AuroAccordionButton.register("custom-accordion-button") // this will register this element to <custom-accordion-button/>
-   *
-   */
-  static register(name = "auro-accordion-button") {
-    RuntimeUtils.default.prototype.registerComponent(name, AuroAccordionButton);
-  }
-}

package/src/auro-accordion-group.js

@@ -1,151 +0,0 @@
-// Copyright (c) 2023 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-// ---------------------------------------------------------------------
-
-// If using litElement base class
-import { LitElement, html } from "lit";
-
-import AuroLibraryRuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
-
-// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
-/**
- * Auro-accordion provides users a way to have collapsible content on a page.
- * Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
- *
- * @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
- * @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
- * @attr {Boolean} disabled - If set, the whole accordion inside the group are disabled and have reduced opacity.
- * @attr {Boolean} noToggleExpanded - If set, multiple accordions can be open at the same time.
- */
-
-// build the component class
-export class AuroAccordionGroup extends LitElement {
-  constructor() {
-    super();
-
-    /**
-     * @private
-     */
-    this.runtimeUtils = new AuroLibraryRuntimeUtils();
-  }
-
-  // This function is to define props used within the scope of this component
-  // Be sure to review  https://lit.dev/docs/components/properties/
-  // to understand how to use reflected attributes with your property settings.
-  static get properties() {
-    return {
-      // ...super.properties,
-
-      emphasis: {
-        type: Boolean,
-        reflect: true
-      },
-      variant: {
-        type: String,
-        reflect: true
-      },
-      disabled: {
-        type: Boolean,
-        reflect: true
-      }
-    };
-  }
-
-  /**
-   * This will register this element with the browser.
-   * @param {string} [name="auro-accordion-group"] - The name of element that you want to register to.
-   *
-   * @example
-   * AuroAccordionGroup.register("custom-accordion-button") // this will register this element to <custom-accordion-group/>
-   *
-   */
-  static register(name = "auro-accordion-group") {
-    AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroAccordionGroup);
-  }
-
-  firstUpdated() {
-    // Add the tag name as an attribute if it is different than the component name
-    this.runtimeUtils.handleComponentTagRename(this, 'auro-accordion-group');
-  }
-
-  updated(changedProperties) {
-    if (changedProperties.has('disabled')) {
-      this.updateDisabledState();
-    }
-  }
-
-  /**
-   * Updates the disabled state of all child <auro-accordion> elements
-   * to match the disabled state of the <auro-accordion-group> element.
-   */
-  updateDisabledState() {
-    const accordions = this.querySelectorAll('auro-accordion');
-    accordions.forEach((accordion) => {
-      accordion.disabled = this.disabled;
-    });
-  }
-
-  handleSlotContentChange() {
-    this.addEventListener('toggleExpanded', this.handleToggleExpanded);
-
-    this.handleItems();
-
-    this.items.forEach((item) => {
-      if (this.hasAttribute('emphasis')) {
-        item.setAttribute('chevron', 'right');
-        item.emphasis = true;
-      }
-
-      if (this.hasAttribute('variant') && this.getAttribute('variant') === 'sm') {
-        item.setAttribute('variant', 'sm');
-      }
-
-      if (this.hasAttribute('variant') && this.getAttribute('variant') === 'lg') {
-        item.setAttribute('variant', 'lg');
-      }
-
-      item.grouped = true;
-    });
-  }
-
-  /**
-   * Internal function to toggle any expanded panels if it is not the one selected.
-   * @private
-   * @param {object} event - Standard event parameter.
-   */
-  handleToggleExpanded(event) {
-    if (!this.hasAttribute('noToggleExpanded')) {
-      this.items.forEach((item) => {
-        if (item !== event.target && item.expanded) {
-          item.expanded = false;
-        }
-      });
-
-      this.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-      });
-    }
-  }
-
-  /**
-   * Internal function to add all accordions into an array.
-   * @private
-   */
-  handleItems() {
-    const groupTagName = this.tagName.toLowerCase();
-    const accordionTagName = groupTagName.substring(0, groupTagName.indexOf('-group'));
-
-    this.items = Array.from(this.querySelectorAll(accordionTagName));
-  }
-
-  // function that renders the HTML and CSS into  the scope of the component
-  render() {
-    return html`
-      <div>
-        <slot @slotchange="${this.handleSlotContentChange}"></slot>
-      </div>
-    `;
-  }
-}