@umon752/web-password 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 umon752
+
+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,114 @@
+# web-password
+
+一個用於密碼顯示/隱藏切換的 Web Component。
+
+## 安裝
+
+### NPM
+
+```bash
+npm install @umon752/web-password
+```
+
+### CDN
+
+```html
+<!-- unpkg -->
+<script type="module" src="https://unpkg.com/@umon752/web-password"></script>
+
+<!-- 或 jsDelivr -->
+<script type="module" src="https://cdn.jsdelivr.net/npm/@umon752/web-password"></script>
+```
+
+## 使用方式
+
+### ES Module
+
+```javascript
+import 'web-password';
+```
+
+### HTML
+
+```html
+<web-password-controller>
+  <input type="password" id="password" name="password" placeholder="請輸入密碼">
+  
+  <web-password-button>
+    <!-- 密碼可見時顯示 -->
+    <div slot="on" aria-label="顯示密碼">👁️</div>
+    <!-- 密碼隱藏時顯示 -->
+    <div slot="off" aria-label="隱藏密碼">👁️‍🗨️</div>
+  </web-password-button>
+</web-password-controller>
+```
+
+## API
+
+### `<web-password-controller>`
+
+容器元件，用於包裹 `<input>` 和 `<web-password-button>`。
+
+#### CSS 變數
+
+| 變數名稱 | 預設值 | 說明 |
+|---------|--------|------|
+| `--password-controller-gap` | `8px` | 子元素間距 |
+
+### `<web-password-button>`
+
+密碼顯示/隱藏切換按鈕。
+
+#### 屬性 (Attributes)
+
+| 屬性名稱 | 類型 | 預設值 | 說明 |
+|---------|------|--------|------|
+| `password-visible` | `'on'` \| `'off'` | `'off'` | 控制密碼顯示狀態 |
+
+#### 方法 (Methods)
+
+| 方法名稱 | 說明 |
+|---------|------|
+| `on()` | 顯示密碼 |
+| `off()` | 隱藏密碼 |
+| `kill()` | 移除元件並觸發 `web-password-controller:kill` 事件 |
+
+#### CSS 變數
+
+| 變數名稱 | 預設值 | 說明 |
+|---------|--------|------|
+| `--password-button-width` | `24px` | 按鈕寬度 |
+| `--password-button-height` | `24px` | 按鈕高度 |
+
+#### Slots
+
+| Slot 名稱 | 說明 |
+|----------|------|
+| `on` | 密碼可見時顯示的內容 |
+| `off` | 密碼隱藏時顯示的內容 |
+
+#### 事件 (Events)
+
+| 事件名稱 | 說明 |
+|---------|------|
+| `web-password-controller:kill` | 當呼叫 `kill()` 方法時觸發 |
+
+## TypeScript 支援
+
+此套件包含完整的 TypeScript 型別定義。
+
+```typescript
+import { WebPasswordController, WebPasswordButton } from 'web-password';
+
+// 型別會自動識別
+const button = document.querySelector('web-password-button');
+button?.on();
+```
+
+## 瀏覽器支援
+
+支援所有現代瀏覽器（Chrome、Firefox、Safari、Edge）。
+
+## License
+
+MIT

package/dist/web-password.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Password Controller Web Component
+ */
+declare class WebPasswordController extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+}
+/**
+ * Password Button Web Component
+ * @attr {string} password-visible - 控制顯示或隱藏密碼
+ */
+declare class WebPasswordButton extends HTMLElement {
+    private clickHandler;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    /**
+     * 元件從 DOM 移除時的回調
+     */
+    disconnectedCallback(): void;
+    /**
+     * 屬性變更時的回調
+     */
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * 建立 shadow dom
+     */
+    private _createShadowDom;
+    /**
+     * 初始化元件
+     */
+    private _init;
+    /**
+     * 綁定事件監聽器
+     */
+    private _bindEvents;
+    /**
+     * 清理資源
+     */
+    private _cleanup;
+    /**
+     * 更新顯示隱藏狀態
+     */
+    private _updateVisibility;
+    /**
+     * 更新 aria-label
+     */
+    private _updateAriaLabel;
+    /**
+     * 顯示密碼
+     */
+    on(): void;
+    /**
+     * 隱藏密碼
+     */
+    off(): void;
+    /**
+     * 移除元素
+     */
+    kill(): void;
+}
+export { WebPasswordController, WebPasswordButton };
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-password-controller': WebPasswordController;
+        'web-password-button': WebPasswordButton;
+    }
+    interface HTMLElementEventMap {
+        'web-password-controller:kill': CustomEvent<{
+            element: WebPasswordButton;
+        }>;
+    }
+}
+//# sourceMappingURL=web-password.d.ts.map

package/dist/web-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-password.d.ts","sourceRoot":"","sources":["../src/web-password.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,cAAM,qBAAsB,SAAQ,WAAW;;IAM7C,iBAAiB;CAqBlB;AAID;;;GAGG;AACH,cAAM,iBAAkB,SAAQ,WAAW;IACzC,OAAO,CAAC,YAAY,CAA6B;;IAOjD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,iBAAiB;IAKjB;;OAEG;IACH,oBAAoB;IAIpB;;OAEG;IACH,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAMvF;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA6CxB;;OAEG;IACH,OAAO,CAAC,KAAK;IAgBb;;OAEG;IACH,OAAO,CAAC,WAAW;IAQnB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAmBzB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAQxB;;OAEG;IACH,EAAE;IAIF;;OAEG;IACH,GAAG;IAIH;;OAEG;IACH,IAAI;CAWL;AAKD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,CAAC;AAGpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;QACjD,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;IAED,UAAU,mBAAmB;QAC3B,8BAA8B,EAAE,WAAW,CAAC;YAAE,OAAO,EAAE,iBAAiB,CAAA;SAAE,CAAC,CAAC;KAC7E;CACF"}

package/dist/web-password.js

@@ -0,0 +1,208 @@
+// 檢查是否已註冊
+if (typeof window === 'undefined' || !window.customElements) {
+    console.warn('Web Components are not supported in this environment.');
+    throw new Error('Web Components are not supported in this environment.');
+}
+else if (window.customElements.get('web-password-controller')) {
+    console.warn('web-password-controller is already registered.');
+    throw new Error('web-password-controller is already registered.');
+}
+/**
+ * Password Controller Web Component
+ */
+class WebPasswordController extends HTMLElement {
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+    }
+    connectedCallback() {
+        const sheet = new CSSStyleSheet();
+        sheet.replaceSync(`
+      :host {
+        --password-controller-gap: 8px;
+        
+        display: flex;
+        align-items: center;
+        gap: var(--password-controller-gap);
+      }
+      :host([spinner-show]) {
+        opacity: 1;
+        pointer-events: auto;
+      }
+    `);
+        this.shadowRoot.adoptedStyleSheets = [sheet];
+        const slot = document.createElement('slot');
+        this.shadowRoot.appendChild(slot);
+    }
+}
+customElements.define('web-password-controller', WebPasswordController);
+/**
+ * Password Button Web Component
+ * @attr {string} password-visible - 控制顯示或隱藏密碼
+ */
+class WebPasswordButton extends HTMLElement {
+    constructor() {
+        super();
+        this.clickHandler = null;
+        this.attachShadow({ mode: 'open' });
+    }
+    static get observedAttributes() {
+        return ['password-visible'];
+    }
+    connectedCallback() {
+        this._createShadowDom();
+        this._init();
+    }
+    /**
+     * 元件從 DOM 移除時的回調
+     */
+    disconnectedCallback() {
+        this._cleanup();
+    }
+    /**
+     * 屬性變更時的回調
+     */
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (name === 'password-visible' && oldValue !== newValue) {
+            this._updateVisibility(newValue);
+        }
+    }
+    /**
+     * 建立 shadow dom
+     */
+    _createShadowDom() {
+        const sheet = new CSSStyleSheet();
+        sheet.replaceSync(`
+      :host {
+        --password-button-width: 24px;
+        --password-button-height: 24px;
+
+        width: var(--password-button-width);
+        height: var(--password-button-height);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+      }
+
+      :host([password-visible="off"]) slot[name="on"] {
+        display: none;
+      }
+      :host([password-visible="off"]) slot[name="off"] {
+        display: block;
+      }
+      :host([password-visible="on"]) slot[name="on"] {
+        display: block;
+      }
+      :host([password-visible="on"]) slot[name="off"] {
+        display: none;
+      }
+    `);
+        this.shadowRoot.adoptedStyleSheets = [sheet];
+        const slotOff = document.createElement('slot');
+        slotOff.setAttribute('name', 'off');
+        slotOff.setAttribute('aria-label', 'invisible password');
+        slotOff.textContent = 'invisible password';
+        const slotOn = document.createElement('slot');
+        slotOn.setAttribute('name', 'on');
+        slotOn.setAttribute('aria-label', 'visible password');
+        slotOn.textContent = 'visible password';
+        this.shadowRoot.appendChild(slotOff);
+        this.shadowRoot.appendChild(slotOn);
+    }
+    /**
+     * 初始化元件
+     */
+    _init() {
+        try {
+            // 初始設定隱藏狀態
+            if (!this.hasAttribute('password-visible') || this.getAttribute('password-visible') === '') {
+                this.setAttribute('password-visible', 'off');
+            }
+            this.setAttribute('role', 'button');
+            // 綁定事件
+            this._bindEvents();
+        }
+        catch (error) {
+            console.error('Password button initialization error:', error);
+        }
+    }
+    /**
+     * 綁定事件監聽器
+     */
+    _bindEvents() {
+        this.clickHandler = () => {
+            const isVisible = this.getAttribute('password-visible') === 'on';
+            this.setAttribute('password-visible', isVisible ? 'off' : 'on');
+        };
+        this.addEventListener('click', this.clickHandler);
+    }
+    /**
+     * 清理資源
+     */
+    _cleanup() {
+        // 清理事件監聯器
+        if (this.clickHandler) {
+            this.removeEventListener('click', this.clickHandler);
+        }
+    }
+    /**
+     * 更新顯示隱藏狀態
+     */
+    _updateVisibility(newValue) {
+        const controller = this.closest('web-password-controller');
+        const input = controller?.querySelector('input[type="password"], input[type="text"]');
+        if (!input) {
+            console.warn('No input element found');
+            return;
+        }
+        if (newValue === 'on') {
+            input.setAttribute('type', 'text');
+        }
+        else {
+            input.setAttribute('type', 'password');
+        }
+        // 更新 aria-label
+        this._updateAriaLabel(newValue);
+    }
+    /**
+     * 更新 aria-label
+     */
+    _updateAriaLabel(newValue) {
+        const ariaLabel = this.querySelector(`[slot="${newValue}"]`)?.getAttribute('aria-label');
+        if (ariaLabel) {
+            this.setAttribute('aria-label', ariaLabel);
+        }
+    }
+    // --- Public ---
+    /**
+     * 顯示密碼
+     */
+    on() {
+        this.setAttribute('password-visible', 'on');
+    }
+    /**
+     * 隱藏密碼
+     */
+    off() {
+        this.setAttribute('password-visible', 'off');
+    }
+    /**
+     * 移除元素
+     */
+    kill() {
+        const killEvent = new CustomEvent('web-password-controller:kill', {
+            detail: {
+                element: this,
+            },
+            bubbles: true,
+            cancelable: true,
+        });
+        this.dispatchEvent(killEvent);
+        this.remove();
+    }
+}
+customElements.define('web-password-button', WebPasswordButton);
+// 匯出類別供外部使用
+export { WebPasswordController, WebPasswordButton };
+//# sourceMappingURL=web-password.js.map

package/dist/web-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-password.js","sourceRoot":"","sources":["../src/web-password.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@umon752/web-password",
+  "version": "1.0.0",
+  "description": "A Web Component for password visibility toggle",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/web-password.js",
+  "module": "dist/web-password.js",
+  "types": "dist/web-password.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "web-components",
+    "password",
+    "custom-elements",
+    "typescript"
+  ],
+  "author": "YI CHIEH <umon752@gmail.com>",
+  "license": "MIT",
+  "devDependencies": {
+    "typescript": "^5.3.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/umon752/web-password"
+  },
+  "bugs": {
+    "url": "https://github.com/umon752/web-password/issues"
+  },
+  "homepage": "https://github.com/umon752/web-password#readme"
+}