@digital-realty/ix-timer 3.2.14

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 ix-timer
+
+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

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

package/dist/IxTimer.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+import '@digital-realty/ix-icon/ix-icon.js';
+export declare class IxTimer extends LitElement {
+    label: string;
+    duration: number;
+    onFinished?: any;
+    private timer?;
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/IxTimer.js

@@ -0,0 +1,37 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { asyncReplace } from 'lit/directives/async-replace.js';
+import { property, state } from 'lit/decorators.js';
+import '@digital-realty/ix-icon/ix-icon.js';
+import countDownAsync from './countDownAsync.js';
+export class IxTimer extends LitElement {
+    constructor() {
+        super();
+        this.label = '';
+        this.duration = 10;
+        this.onFinished = () => { };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.timer = countDownAsync(this.duration, this.onFinished);
+    }
+    render() {
+        return html ` <div class="timer-container">
+      <ix-icon>timer</ix-icon>
+      ${this.label} ${this.timer ? asyncReplace(this.timer) : ''}s
+    </div>`;
+    }
+}
+__decorate([
+    property({ type: String })
+], IxTimer.prototype, "label", void 0);
+__decorate([
+    property({ type: Number })
+], IxTimer.prototype, "duration", void 0);
+__decorate([
+    property({ attribute: false })
+], IxTimer.prototype, "onFinished", void 0);
+__decorate([
+    state()
+], IxTimer.prototype, "timer", void 0);
+//# sourceMappingURL=IxTimer.js.map

package/dist/IxTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxTimer.js","sourceRoot":"","sources":["../src/IxTimer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAEjD,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAUrC;QACE,KAAK,EAAE,CAAC;QAVkB,UAAK,GAAG,EAAE,CAAC;QAEX,aAAQ,GAAG,EAAE,CAAC;QASxC,IAAI,CAAC,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAC7B,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9D,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;WACrD,CAAC;IACV,CAAC;CACF;AAzB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAY;AAEX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAe;AAEV;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2CAAkB;AAGzC;IADP,KAAK,EAAE;sCAC+B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { asyncReplace } from 'lit/directives/async-replace.js';\nimport { property, state } from 'lit/decorators.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport countDownAsync from './countDownAsync.js';\n\nexport class IxTimer extends LitElement {\n  @property({ type: String }) label = '';\n\n  @property({ type: Number }) duration = 10;\n\n  @property({ attribute: false }) onFinished?: any;\n\n  @state()\n  private timer?: AsyncGenerator<number>;\n\n  constructor() {\n    super();\n    this.onFinished = () => {};\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.timer = countDownAsync(this.duration, this.onFinished);\n  }\n\n  override render() {\n    return html` <div class=\"timer-container\">\n      <ix-icon>timer</ix-icon>\n      ${this.label} ${this.timer ? asyncReplace(this.timer) : ''}s\n    </div>`;\n  }\n}\n"]}

package/dist/countDownAsync.d.ts

@@ -0,0 +1,2 @@
+declare function countDownAsync(duration: number, onFinished?: () => void): AsyncGenerator<number, void, unknown>;
+export default countDownAsync;

package/dist/countDownAsync.js

@@ -0,0 +1,12 @@
+async function* countDownAsync(duration, onFinished) {
+    let currentDuration = duration;
+    while (currentDuration > 0) {
+        yield (currentDuration -= 1);
+        /* eslint-disable */
+        await new Promise(r => setTimeout(r, 1000));
+        /* eslint-enable */
+    }
+    onFinished === null || onFinished === void 0 ? void 0 : onFinished();
+}
+export default countDownAsync;
+//# sourceMappingURL=countDownAsync.js.map

package/dist/countDownAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countDownAsync.js","sourceRoot":"","sources":["../src/countDownAsync.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,CAAC,CAAC,cAAc,CAAC,QAAgB,EAAE,UAAuB;IACtE,IAAI,eAAe,GAAG,QAAQ,CAAC;IAC/B,OAAO,eAAe,GAAG,CAAC,EAAE,CAAC;QAC3B,MAAM,CAAC,eAAe,IAAI,CAAC,CAAC,CAAC;QAC7B,oBAAoB;QACpB,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QAC5C,mBAAmB;IACrB,CAAC;IACD,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;AACjB,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["async function* countDownAsync(duration: number, onFinished?: () => void) {\n  let currentDuration = duration;\n  while (currentDuration > 0) {\n    yield (currentDuration -= 1);\n    /* eslint-disable */\n    await new Promise(r => setTimeout(r, 1000));\n    /* eslint-enable */\n  }\n  onFinished?.();\n}\n\nexport default countDownAsync;\n"]}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { IxTimer } from './IxTimer.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { IxTimer } from './IxTimer.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { IxTimer } from './IxTimer.js';\n"]}

package/dist/ix-timer.d.ts

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

package/dist/ix-timer.js

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+import { IxTimer } from './IxTimer.js';
+export class IxTimerStyled extends IxTimer {
+}
+IxTimerStyled.styles = css `
+    .timer-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    ix-icon {
+      font-size: 16px;
+      margin-top: 4px;
+    }
+  `;
+window.customElements.define('ix-timer', IxTimerStyled);
+//# sourceMappingURL=ix-timer.js.map

package/dist/ix-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-timer.js","sourceRoot":"","sources":["../src/ix-timer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,OAAO,aAAc,SAAQ,OAAO;;AACxB,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAU3B,CAAC;AAGJ,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { IxTimer } from './IxTimer.js';\n\nexport class IxTimerStyled extends IxTimer {\n  static override styles = css`\n    .timer-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    ix-icon {\n      font-size: 16px;\n      margin-top: 4px;\n    }\n  `;\n}\n\nwindow.customElements.define('ix-timer', IxTimerStyled);\n"]}

package/dist/react/IxTimer.d.ts

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

package/dist/react/IxTimer.js

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

package/dist/react/IxTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IxTimer.js","sourceRoot":"","sources":["../../src/react/IxTimer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAEtD,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAE9C,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,UAAU;IACxB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { createComponent } from '@lit/react';\nimport { IxTimer as IxTimerLit } from '../IxTimer.js';\n\ncustomElements.define('ix-timer', IxTimerLit);\n\nexport const IxTimer = createComponent({\n  tagName: 'ix-timer',\n  elementClass: IxTimerLit,\n  react: React,\n});\n"]}

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "@digital-realty/ix-timer",
+  "description": "Webcomponent ix-timer following open-wc recommendations",
+  "license": "MIT",
+  "author": "Digital Realty",
+  "version": "3.2.14",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./ix-timer.js": "./dist/ix-timer.js",
+    "./IxTimer": "./dist/react/IxTimer.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "analyze": "cem analyze --litelement",
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "build": "tsc && npm run analyze -- --exclude dist",
+    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "test": "tsc && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
+  },
+  "dependencies": {
+    "@digital-realty/ix-icon": "*",
+    "@lit/react": "^1.0.2",
+    "lit": "^2.0.2",
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.4.17",
+    "@open-wc/eslint-config": "^9.2.1",
+    "@open-wc/testing": "^3.1.6",
+    "@types/react": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
+    "@web/dev-server": "^0.1.34",
+    "@web/test-runner": "^0.14.0",
+    "concurrently": "^5.3.0",
+    "eslint": "^8.31.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^4.3.8",
+    "lint-staged": "^10.5.4",
+    "prettier": "^2.4.1",
+    "tslib": "^2.3.1",
+    "typescript": "^5.1.6"
+  },
+  "customElements": "custom-elements.json",
+  "eslintConfig": {
+    "parser": "@typescript-eslint/parser",
+    "root": true,
+    "extends": [
+      "@open-wc/eslint-config",
+      "eslint-config-prettier",
+      "plugin:json/recommended"
+    ],
+    "plugins": [
+      "@typescript-eslint"
+    ],
+    "rules": {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error"
+      ],
+      "class-methods-use-this": "off",
+      "import/no-unresolved": "off",
+      "import/extensions": [
+        "error",
+        "always",
+        {
+          "ignorePackages": true
+        }
+      ]
+    },
+    "globals": {
+      "ShadowRootInit": true
+    }
+  },
+  "prettier": {
+    "singleQuote": true,
+    "arrowParens": "avoid"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "files": [
+    "/dist",
+    "!/dist/test",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "gitHead": "2cb2757c95df9570672b39b8506c31642d683a45"
+}