@pakdul/style 0.0.1

package/dul-style.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dul-style.d.ts.map

package/dul-style.d.ts.map

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

package/dul-style.js

@@ -0,0 +1,21 @@
+class DulStyle extends HTMLElement {
+    connectedCallback() {
+        const el = this;
+        if (el.firstElementChild) {
+            const tmpl = document.createElement('template');
+            tmpl.content.appendChild(el.firstElementChild);
+            const shadyCSS = window.ShadyCSS;
+            if (shadyCSS) {
+                shadyCSS.prepareTemplate(tmpl, el.localName);
+                shadyCSS.styleElement(this);
+            }
+            document.head.appendChild(tmpl.content);
+        }
+        if (this.parentNode) {
+            this.parentNode.removeChild(this);
+        }
+    }
+}
+window.customElements.define('dul-style', DulStyle);
+export {};
+//# sourceMappingURL=dul-style.js.map

package/dul-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dul-style.js","sourceRoot":"","sources":["src/dul-style.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IAC9B,iBAAiB;QACb,MAAM,EAAE,GAAG,IAA8B,CAAC;QAC1C,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC;YACvB,MAAM,IAAI,GAAyB,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACtE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;YAC/C,MAAM,QAAQ,GAAI,MAAc,CAAC,QAAQ,CAAC;YAC1C,IAAI,QAAQ,EAAE,CAAC;gBACX,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;gBAC7C,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;YACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;CACJ;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC"}

package/index.d.ts

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

package/index.d.ts.map

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

package/index.js

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

package/index.js.map

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

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@pakdul/style",
+  "version": "0.0.1",
+  "description": "web component style",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc && tsc-alias"
+  },
+  "author": "Abdul Yadi",
+  "license": "BSD-2-Clause",
+  "type": "module",
+  "devDependencies": {
+    "tsc-alias": "^1.9.2",
+    "typescript": "^7.0.2"
+  },
+  "dependencies": {
+    "@webcomponents/shadycss": "^1.11.2",
+    "@webcomponents/webcomponentsjs": "^2.8.0"
+  }
+}

package/src/dul-style.ts

@@ -0,0 +1,20 @@
+class DulStyle extends HTMLElement {
+    connectedCallback() {
+        const el = this as unknown as HTMLElement;
+        if (el.firstElementChild) {
+            const tmpl: HTMLTemplateElement  = document.createElement('template');
+            tmpl.content.appendChild(el.firstElementChild);
+            const shadyCSS = (window as any).ShadyCSS;
+            if (shadyCSS) {
+                shadyCSS.prepareTemplate(tmpl, el.localName);
+                shadyCSS.styleElement(this);
+            }
+            document.head.appendChild(tmpl.content);
+        }
+        if (this.parentNode) {
+            this.parentNode.removeChild(this);
+        }
+    }
+}
+
+window.customElements.define('dul-style', DulStyle);

package/tsconfig.json

@@ -0,0 +1,53 @@
+{
+  // Visit https://aka.ms/tsconfig to read more about this file
+  "compilerOptions": {
+    // File Layout
+    "rootDir": "./src",
+    "outDir": ".",
+
+    // Environment Settings
+    // See also https://aka.ms/tsconfig/module
+    "module": "es6",
+    "target": "es6",
+    "types": [],
+    // For nodejs:
+    // "lib": ["esnext"],
+    // "types": ["node"],
+    // and npm install -D @types/node
+
+    // Other Outputs
+    "sourceMap": true,
+    "declaration": true,
+    "declarationMap": true,
+
+    // Stricter Typechecking Options
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+
+    // Style Options
+    // "noImplicitReturns": true,
+    // "noImplicitOverride": true,
+    // "noUnusedLocals": true,
+    // "noUnusedParameters": true,
+    // "noFallthroughCasesInSwitch": true,
+    // "noPropertyAccessFromIndexSignature": true,
+
+    // Recommended Options
+    "strict": true,
+    "jsx": "react-jsx",
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "noUncheckedSideEffectImports": true,
+    "moduleDetection": "force",
+    "skipLibCheck": true,
+    "paths": {
+      "@pakdul/style/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "style"
+  ]
+}