{"version":3,"file":"muzieh-design.mjs","sources":["../../../projects/design/src/lib/style-guide/style-guide.component.ts","../../../projects/design/src/lib/style-guide/style-guide.component.html","../../../projects/design/src/muzieh-design.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n    selector: 'mz-style-guide',\n    standalone: true,\n    imports: [CommonModule],\n    templateUrl: './style-guide.component.html',\n    styleUrls: ['./style-guide.component.css'],\n})\nexport class StyleGuideComponent implements OnInit {\n    colors: string[] = [];\n\n    ngOnInit(): void {\n        const rule = this.getRootStyles();\n        const styles = Array.from(rule?.style || []).filter((style) => style.startsWith('--'));\n        this.colors = styles.filter((s) => s.startsWith('--color')).map((s) => s.replace('--color-', ''));\n        console.log(rule!.style.getPropertyValue('--color-primary'));\n    }\n\n    getRootStyles(): CSSStyleRule | null {\n        for (var i = 0; i < document.styleSheets.length; i++) {\n            const sheet = Array.from(document.styleSheets)[i];\n            if ((sheet.href !== null && !sheet.href.startsWith(window.location.origin)) || !sheet?.cssRules) {\n                continue;\n            }\n            for (var j = 0; j < sheet.cssRules.length; j++) {\n                const rule = Array.from(sheet.cssRules)[j];\n                if (rule instanceof CSSStyleRule && rule.selectorText === ':root') {\n                    return rule;\n                }\n            }\n        }\n\n        return null;\n    }\n}\n","<h1>Style guide</h1>\n\n<h2>Fonts</h2>\n<div>\n    <h3>Families</h3>\n    Roboto\n</div>\n\n<div>\n    <h3>Headings</h3>\n    <div class=\"border-r-4 p-8 text-gray-600 bg-white\">\n        <h1>\n            <span class=\"text-black inline-block w-12\">h1</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </h1>\n        <h2>\n            <span class=\"text-black inline-block w-12\">h2</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </h2>\n        <h3>\n            <span class=\"text-black inline-block w-12\">h3</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </h3>\n        <h4>\n            <span class=\"text-black inline-block w-12\">h4</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </h4>\n        <h5>\n            <span class=\"text-black inline-block w-12\">h5</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </h5>\n        <h6>\n            <span class=\"text-black inline-block w-12\">h6</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </h6>\n    </div>\n</div>\n\n\n<section>\n    <h2>Sizes</h2>\n    <div class=\"border-r-4 p-8 text-gray-600 bg-white\">\n        <div class=\"text-2xl\">\n            <span class=\"text-black inline-block w-24\">text-2xl</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </div>\n        <div class=\"text-xl\">\n            <span class=\"text-black inline-block w-24\">text-xl</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </div>\n        <div class=\"text-lg\">\n            <span class=\"text-black inline-block w-24\">text-lg</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </div>\n        <div class=\"text-base\">\n            <span class=\"text-black inline-block w-24\">text-base</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </div>\n        <div class=\"text-sm\">\n            <span class=\"text-black inline-block w-24\">text-sm</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </div>\n        <div class=\"text-xs\">\n            <span class=\"text-black inline-block w-24\">xs</span>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. \n        </div>\n    </div>\n</section>\n\n<section>\n    <h2>Colors</h2>\n    <div class=\"border-r-4 p-8 text-gray-600 bg-white\">\n        <div *ngFor=\"let color of colors\" class=\"w-20 h-8 text-{{color}}\">\n            {{color}}\n        </div>\n    </div>\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAUa,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;QAQI,IAAM,CAAA,MAAA,GAAa,EAAE,CAAC;AAyBzB,KAAA;IAvBG,QAAQ,GAAA;AACJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAClC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC;AAClG,QAAA,OAAO,CAAC,GAAG,CAAC,IAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC;KAChE;IAED,aAAa,GAAA;AACT,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAClD,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE;gBAC7F,SAAS;aACZ;AACD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,gBAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC3C,IAAI,IAAI,YAAY,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,EAAE;AAC/D,oBAAA,OAAO,IAAI,CAAC;iBACf;aACJ;SACJ;AAED,QAAA,OAAO,IAAI,CAAC;KACf;8GAzBQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVhC,oqFA6EA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvEc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EACd,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,oqFAAA,EAAA,CAAA;;;AEN3B;;AAEG;;;;"}