@digital-realty/ix-chip 1.0.11 → 1.0.22

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 ix-chip
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2023 ix-chip
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,32 +1,32 @@
-# \<ix-chip>
-
-This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
-
-## Installation
-
-```bash
-npm i @digital-realty/ix-chip
-```
-
-## Usage
-
-```html
-<script type="module">
-  import '@digital-realty/ix-chip/ix-chip.js';
-  import '@digital-realty/ix-chip/ix-chip-set.js';
-</script>
-
-<ix-chip></ix-chip>
-<ix-chip-set><ix-chip><ix-chip></ix-chip-set>
-```
-### In React
-```html
-<script type="module">
-  import { IxChip } from '@digital-realty/ix-chip/IxChip'
-  import { IxChipSet } from '@digital-realty/ix-chip/IxChipSet'
-</script>
-```
-
-## Demo and Documentation
-
-Full documentation and demo are available at [DLR Component Gallery](https://inxn-p1-uicomponentgallery.azurewebsites.net/?path=/story/inxn-ix-chip--default).
+# \<ix-chip>
+
+This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
+
+## Installation
+
+```bash
+npm i @digital-realty/ix-chip
+```
+
+## Usage
+
+```html
+<script type="module">
+  import '@digital-realty/ix-chip/ix-chip.js';
+  import '@digital-realty/ix-chip/ix-chip-set.js';
+</script>
+
+<ix-chip></ix-chip>
+<ix-chip-set><ix-chip><ix-chip></ix-chip-set>
+```
+### In React
+```html
+<script type="module">
+  import { IxChip } from '@digital-realty/ix-chip/IxChip'
+  import { IxChipSet } from '@digital-realty/ix-chip/IxChipSet'
+</script>
+```
+
+## Demo and Documentation
+
+Full documentation and demo are available at [DLR Component Gallery](https://inxn-p1-uicomponentgallery.azurewebsites.net/?path=/story/inxn-ix-chip--default).

package/dist/IxChip.d.ts

@@ -1,28 +1,28 @@
-import { LitElement } from 'lit';
-import '@material/web/chips/assist-chip.js';
-import '@material/web/chips/filter-chip.js';
-import '@material/web/chips/input-chip.js';
-import '@material/web/chips/suggestion-chip.js';
-export declare class IxChip extends LitElement {
-    appearance: 'assist' | 'filter' | 'input' | 'suggestion';
-    /**
-     * Whether or not the chip is disabled.
-     *
-     * Disabled chips are not focusable, unless `always-focusable` is set.
-     */
-    disabled: boolean;
-    /**
-     * When true, allow disabled chips to be focused with arrow keys.
-     *
-     * Add this when a chip needs increased visibility when disabled. See
-     * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls
-     * for more guidance on when this is needed.
-     */
-    alwaysFocusable: boolean;
-    /**
-     * The label of the chip.
-     */
-    label: string;
-    remove: () => void;
-    render(): import("lit").TemplateResult<1>;
-}
+import { LitElement } from 'lit';
+import '@material/web/chips/assist-chip.js';
+import '@material/web/chips/filter-chip.js';
+import '@material/web/chips/input-chip.js';
+import '@material/web/chips/suggestion-chip.js';
+export declare class IxChip extends LitElement {
+    appearance: 'assist' | 'filter' | 'input' | 'suggestion';
+    /**
+     * Whether or not the chip is disabled.
+     *
+     * Disabled chips are not focusable, unless `always-focusable` is set.
+     */
+    disabled: boolean;
+    /**
+     * When true, allow disabled chips to be focused with arrow keys.
+     *
+     * Add this when a chip needs increased visibility when disabled. See
+     * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls
+     * for more guidance on when this is needed.
+     */
+    alwaysFocusable: boolean;
+    /**
+     * The label of the chip.
+     */
+    label: string;
+    remove: () => void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/IxChip.js

@@ -1,57 +1,57 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import '@material/web/chips/assist-chip.js';
-import '@material/web/chips/filter-chip.js';
-import '@material/web/chips/input-chip.js';
-import '@material/web/chips/suggestion-chip.js';
-export class IxChip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.appearance = 'assist';
-        /**
-         * Whether or not the chip is disabled.
-         *
-         * Disabled chips are not focusable, unless `always-focusable` is set.
-         */
-        this.disabled = false;
-        /**
-         * When true, allow disabled chips to be focused with arrow keys.
-         *
-         * Add this when a chip needs increased visibility when disabled. See
-         * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls
-         * for more guidance on when this is needed.
-         */
-        this.alwaysFocusable = false;
-        /**
-         * The label of the chip.
-         */
-        this.label = '';
-        this.remove = () => {
-            this.dispatchEvent(new CustomEvent('remove', { bubbles: true }));
-        };
-    }
-    render() {
-        let comp;
-        if (this.appearance === 'assist') {
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import '@material/web/chips/assist-chip.js';
+import '@material/web/chips/filter-chip.js';
+import '@material/web/chips/input-chip.js';
+import '@material/web/chips/suggestion-chip.js';
+export class IxChip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.appearance = 'assist';
+        /**
+         * Whether or not the chip is disabled.
+         *
+         * Disabled chips are not focusable, unless `always-focusable` is set.
+         */
+        this.disabled = false;
+        /**
+         * When true, allow disabled chips to be focused with arrow keys.
+         *
+         * Add this when a chip needs increased visibility when disabled. See
+         * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls
+         * for more guidance on when this is needed.
+         */
+        this.alwaysFocusable = false;
+        /**
+         * The label of the chip.
+         */
+        this.label = '';
+        this.remove = () => {
+            this.dispatchEvent(new CustomEvent('remove', { bubbles: true }));
+        };
+    }
+    render() {
+        let comp;
+        if (this.appearance === 'assist') {
             comp = html `<md-assist-chip
         class="chip"
         ?disabled=${this.disabled}
         ?always-focusable=${this.alwaysFocusable}
         .label=${this.label}
         >${this.label}</md-assist-chip
-      >`;
-        }
-        else if (this.appearance === 'filter') {
+      >`;
+        }
+        else if (this.appearance === 'filter') {
             comp = html `<md-filter-chip
         class="chip"
         ?disabled=${this.disabled}
         ?always-focusable=${this.alwaysFocusable}
         .label=${this.label}
         >${this.label}</md-filter-chip
-      >`;
-        }
-        else if (this.appearance === 'input') {
+      >`;
+        }
+        else if (this.appearance === 'input') {
             comp = html `<md-input-chip
         class="chip"
         ?disabled=${this.disabled}
@@ -59,30 +59,30 @@ export class IxChip extends LitElement {
         .label=${this.label}
         @remove=${this.remove}
         >${this.label}</md-input-chip
-      >`;
-        }
-        else if (this.appearance === 'suggestion') {
+      >`;
+        }
+        else if (this.appearance === 'suggestion') {
             comp = html `<md-suggestion-chip
         class="chip"
         ?disabled=${this.disabled}
         ?always-focusable=${this.alwaysFocusable}
         .label=${this.label}
         >${this.label}</md-suggestion-chip
-      >`;
-        }
-        return html `${comp}`;
-    }
-}
-__decorate([
-    property({ type: String })
-], IxChip.prototype, "appearance", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxChip.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'always-focusable' })
-], IxChip.prototype, "alwaysFocusable", void 0);
-__decorate([
-    property()
-], IxChip.prototype, "label", void 0);
+      >`;
+        }
+        return html `${comp}`;
+    }
+}
+__decorate([
+    property({ type: String })
+], IxChip.prototype, "appearance", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxChip.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'always-focusable' })
+], IxChip.prototype, "alwaysFocusable", void 0);
+__decorate([
+    property()
+], IxChip.prototype, "label", void 0);
 //# sourceMappingURL=IxChip.js.map

package/dist/IxChipSet.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-import '@material/web/chips/chip-set';
-export declare class IxChipSet extends LitElement {
-    render(): import("lit").TemplateResult<1>;
-}
+import { LitElement } from 'lit';
+import '@material/web/chips/chip-set';
+export declare class IxChipSet extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/IxChipSet.js

@@ -1,8 +1,8 @@
-import { LitElement, html } from 'lit';
-import '@material/web/chips/chip-set';
-export class IxChipSet extends LitElement {
-    render() {
-        return html `<md-chip-set><slot></slot></md-chip-set>`;
-    }
-}
+import { LitElement, html } from 'lit';
+import '@material/web/chips/chip-set';
+export class IxChipSet extends LitElement {
+    render() {
+        return html `<md-chip-set><slot></slot></md-chip-set>`;
+    }
+}
 //# sourceMappingURL=IxChipSet.js.map

package/dist/IxCustomChip.d.ts

@@ -1,15 +1,15 @@
-import { LitElement } from 'lit';
-import '@digital-realty/ix-icon/ix-icon.js';
-interface AppearanceConfig {
-    [key: string]: {
-        icon: string;
-        text: string;
-    };
-}
-declare const appearanceConfig: AppearanceConfig;
-export declare class IxCustomChip extends LitElement {
-    appearance: keyof typeof appearanceConfig;
-    noIcon: boolean;
-    render(): import("lit").TemplateResult<1>;
-}
-export {};
+import { LitElement } from 'lit';
+import '@digital-realty/ix-icon/ix-icon.js';
+interface AppearanceConfig {
+    [key: string]: {
+        icon: string;
+        text: string;
+    };
+}
+declare const appearanceConfig: AppearanceConfig;
+export declare class IxCustomChip extends LitElement {
+    appearance: keyof typeof appearanceConfig;
+    noIcon: boolean;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist/IxCustomChip.js

@@ -1,51 +1,51 @@
-import { __decorate } from "tslib";
-import { html, LitElement, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import '@digital-realty/ix-icon/ix-icon.js';
-const appearanceConfig = {
-    default: { icon: '', text: '' },
-    completed: { icon: 'check_circle', text: 'COMPLETED' },
-    cancelled: { icon: 'delete_forever', text: 'CANCELLED' },
-    cancellationRequested: {
-        icon: 'auto_delete',
-        text: 'CANCELLATION REQUESTED',
-    },
-    inProgress: { icon: 'clock_loader_60', text: 'IN PROGRESS' },
-    new: { icon: '', text: 'NEW' },
-    pending: { icon: 'assignment_late', text: 'PENDING APPROVAL' },
-    rejected: { icon: 'warning', text: 'REJECTED' },
-};
-export class IxCustomChip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.appearance = 'default';
-        this.noIcon = false;
-    }
-    render() {
-        const { icon, text } = appearanceConfig[this.appearance];
+import { __decorate } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import '@digital-realty/ix-icon/ix-icon.js';
+const appearanceConfig = {
+    default: { icon: '', text: '' },
+    completed: { icon: 'check_circle', text: 'COMPLETED' },
+    cancelled: { icon: 'delete_forever', text: 'CANCELLED' },
+    cancellationRequested: {
+        icon: 'auto_delete',
+        text: 'CANCELLATION REQUESTED',
+    },
+    inProgress: { icon: 'clock_loader_60', text: 'IN PROGRESS' },
+    new: { icon: '', text: 'NEW' },
+    pending: { icon: 'assignment_late', text: 'PENDING APPROVAL' },
+    rejected: { icon: 'warning', text: 'REJECTED' },
+};
+export class IxCustomChip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.appearance = 'default';
+        this.noIcon = false;
+    }
+    render() {
+        const { icon, text } = appearanceConfig[this.appearance];
         return html `
       <div
         class="wrapper ${this.noIcon ? 'no-icon' : ''}"
         appearance=${this.appearance}
       >
-        ${!this.noIcon
+        ${!this.noIcon
             ? html `
-              ${icon !== ''
-                ? html `<ix-icon filled class="icon">${icon}</ix-icon>`
+              ${icon !== ''
+                ? html `<ix-icon filled class="icon">${icon}</ix-icon>`
                 : html `<slot name="icon" class="icon"></slot>`}
-            `
+            `
             : nothing}
         ${text ? html `${text}` : nothing}
 
         <slot class="text-container"></slot>
       </div>
-    `;
-    }
-}
-__decorate([
-    property({ type: String })
-], IxCustomChip.prototype, "appearance", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxCustomChip.prototype, "noIcon", void 0);
+    `;
+    }
+}
+__decorate([
+    property({ type: String })
+], IxCustomChip.prototype, "appearance", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxCustomChip.prototype, "noIcon", void 0);
 //# sourceMappingURL=IxCustomChip.js.map

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { IxChip } from './IxChip.js';
-export { IxChipSet } from './IxChipSet.js';
+export { IxChip } from './IxChip.js';
+export { IxChipSet } from './IxChipSet.js';

package/dist/index.js

@@ -1,3 +1,3 @@
-export { IxChip } from './IxChip.js';
-export { IxChipSet } from './IxChipSet.js';
+export { IxChip } from './IxChip.js';
+export { IxChipSet } from './IxChipSet.js';
 //# sourceMappingURL=index.js.map

package/dist/ix-chip-set.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/ix-chip-set.js

@@ -1,3 +1,3 @@
-import { IxChipSet } from './IxChipSet.js';
-window.customElements.define('ix-chip-set', IxChipSet);
+import { IxChipSet } from './IxChipSet.js';
+window.customElements.define('ix-chip-set', IxChipSet);
 //# sourceMappingURL=ix-chip-set.js.map

package/dist/ix-chip.d.ts

@@ -1,4 +1,4 @@
-import { IxChip } from './IxChip.js';
-export declare class IxChipStyled extends IxChip {
-    static styles: import("lit").CSSResult;
-}
+import { IxChip } from './IxChip.js';
+export declare class IxChipStyled extends IxChip {
+    static styles: import("lit").CSSResult;
+}

package/dist/ix-chip.js

@@ -1,11 +1,11 @@
-import { css } from 'lit';
-import { IxChip } from './IxChip.js';
-export class IxChipStyled extends IxChip {
-}
+import { css } from 'lit';
+import { IxChip } from './IxChip.js';
+export class IxChipStyled extends IxChip {
+}
 IxChipStyled.styles = css `
     .chip {
       background: var(--ix-chip-container-color, transparent);
     }
-  `;
-window.customElements.define('ix-chip', IxChipStyled);
+  `;
+window.customElements.define('ix-chip', IxChipStyled);
 //# sourceMappingURL=ix-chip.js.map

package/dist/ix-custom-chip.d.ts

@@ -1,4 +1,4 @@
-import { IxCustomChip } from './IxCustomChip.js';
-export declare class IxCustomChipStyled extends IxCustomChip {
-    static styles: import("lit").CSSResult;
-}
+import { IxCustomChip } from './IxCustomChip.js';
+export declare class IxCustomChipStyled extends IxCustomChip {
+    static styles: import("lit").CSSResult;
+}

package/dist/ix-custom-chip.js

@@ -1,7 +1,7 @@
-import { css } from 'lit';
-import { IxCustomChip } from './IxCustomChip.js';
-export class IxCustomChipStyled extends IxCustomChip {
-}
+import { css } from 'lit';
+import { IxCustomChip } from './IxCustomChip.js';
+export class IxCustomChipStyled extends IxCustomChip {
+}
 IxCustomChipStyled.styles = css `
     :host {
       --ix-font-color: #092241;
@@ -67,6 +67,6 @@ IxCustomChipStyled.styles = css `
     .text-container {
       margin-right: var(--ix-custom-chip-margin-right, 1rem);
     }
-  `;
-window.customElements.define('ix-custom-chip', IxCustomChipStyled);
+  `;
+window.customElements.define('ix-custom-chip', IxCustomChipStyled);
 //# sourceMappingURL=ix-custom-chip.js.map

package/dist/react/IxChip.d.ts

@@ -1,4 +1,4 @@
-import { IxChip as LitComp } from '../IxChip.js';
-export declare const IxChip: import("@lit/react").ReactWebComponent<LitComp, {
-    onclick: string;
-}>;
+import { IxChip as LitComp } from '../IxChip.js';
+export declare const IxChip: import("@lit/react").ReactWebComponent<LitComp, {
+    onclick: string;
+}>;

package/dist/react/IxChip.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { IxChip as LitComp } from '../IxChip.js';
-customElements.define('ix-chip', LitComp);
-export const IxChip = createComponent({
-    tagName: 'ix-chip',
-    elementClass: LitComp,
-    react: React,
-    events: {
-        onclick: 'onClick',
-    },
-});
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IxChip as LitComp } from '../IxChip.js';
+customElements.define('ix-chip', LitComp);
+export const IxChip = createComponent({
+    tagName: 'ix-chip',
+    elementClass: LitComp,
+    react: React,
+    events: {
+        onclick: 'onClick',
+    },
+});
 //# sourceMappingURL=IxChip.js.map

package/dist/react/IxChipSet.d.ts

@@ -1,2 +1,2 @@
-import { IxChipSet as LitComp } from '../IxChipSet.js';
-export declare const IxChipSet: import("@lit/react").ReactWebComponent<LitComp, {}>;
+import { IxChipSet as LitComp } from '../IxChipSet.js';
+export declare const IxChipSet: import("@lit/react").ReactWebComponent<LitComp, {}>;

package/dist/react/IxChipSet.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { IxChipSet as LitComp } from '../IxChipSet.js';
-customElements.define('ix-chip-set', LitComp);
-export const IxChipSet = createComponent({
-    tagName: 'ix-chip-set',
-    elementClass: LitComp,
-    react: React,
-});
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IxChipSet as LitComp } from '../IxChipSet.js';
+customElements.define('ix-chip-set', LitComp);
+export const IxChipSet = createComponent({
+    tagName: 'ix-chip-set',
+    elementClass: LitComp,
+    react: React,
+});
 //# sourceMappingURL=IxChipSet.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-chip following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "1.0.11",
+  "version": "1.0.22",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -29,7 +29,7 @@
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
   },
   "dependencies": {
-    "@digital-realty/ix-icon": "^1.0.4",
+    "@digital-realty/ix-icon": "^1.0.35",
     "@lit/react": "^1.0.2",
     "@material/web": "1.2.0",
     "lit": "^2.0.2",
@@ -98,5 +98,6 @@
     "package.json",
     "README.md",
     "LICENSE"
-  ]
+  ],
+  "gitHead": "dced04ebef5c8342344b1fd3df33b5e22a78725f"
 }