UNPKG

carbon-components-angular

Version:
1 lines 7.2 kB
{"version":3,"file":"carbon-components-angular-skeleton.mjs","sources":["../../src/skeleton/skeleton-icon.component.ts","../../src/skeleton/skeleton-placeholder.component.ts","../../src/skeleton/skeleton-text.component.ts","../../src/skeleton/skeleton.module.ts","../../src/skeleton/carbon-components-angular-skeleton.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n\tselector: \"cds-skeleton-icon, ibm-skeleton-icon\",\r\n\ttemplate: `\r\n\t\t<div\r\n\t\t\tclass=\"cds--icon--skeleton\"\r\n\t\t\t[class.cds--skeleton__icon--ai]=\"ai\">\r\n\t\t</div>`\r\n})\r\nexport class SkeletonIcon {\r\n\t/**\r\n\t * When `true`, applies the AI skeleton gradient treatment (`cds--skeleton__icon--ai`).\r\n\t */\r\n\t@Input() ai = false;\r\n}\r\n","import { Component, Input } from \"@angular/core\";\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { SkeletonModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-skeleton--basic)\n */\n@Component({\n\tselector: \"cds-skeleton-placeholder, ibm-skeleton-placeholder\",\n\ttemplate: `\n\t\t<div\n\t\t\tclass=\"cds--skeleton__placeholder\"\n\t\t\t[class.cds--skeleton__placeholder--ai]=\"ai\">\n\t\t</div>`\n})\nexport class SkeletonPlaceholder {\n\t/**\n\t * When `true`, applies the AI skeleton gradient treatment\n\t */\n\t@Input() ai = false;\n}\n","import { Component, Input, OnChanges } from \"@angular/core\";\n\n@Component({\n\tselector: \"cds-skeleton-text, ibm-skeleton-text\",\n\ttemplate: `\n\t\t<p\n\t\t\t*ngFor=\"let width of lineWidths\"\n\t\t\tclass=\"cds--skeleton__text\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--skeleton__heading': heading,\n\t\t\t\t'cds--skeleton__text--ai': ai\n\t\t\t}\"\n\t\t\t[style.width]=\"width\">\n\t\t</p>\n\t`\n})\nexport class SkeletonText implements OnChanges {\n\t@Input() lines = 5;\n\n\t@Input() minLineWidth = 100;\n\n\t@Input() maxLineWidth = 300;\n\n\t/**\n\t * Render a heading-styled skeleton instead of body text.\n\t */\n\t@Input() heading = false;\n\n\t/**\n\t * When `true`, applies the AI skeleton styling\n\t */\n\t@Input() ai = false;\n\n\tlineWidths: Array<string>;\n\n\t/**\n\t * Returns a random width in pixels based off a min width, and a max width.\n\t */\n\tgetRandomInt(min, max) {\n\t\treturn `${Math.floor(Math.random() * (max - min + 1) + min) + \"px\"}`;\n\t}\n\n\tngOnChanges() {\n\t\t// Creates an array of length defined by input lines with content from\n\t\t// 0 to lines - 1, maps each value to a random width in pixels.\n\t\tthis.lineWidths =\n\t\t\tArray.from(Array(this.lines).keys())\n\t\t\t\t.map(num => this.getRandomInt(this.minLineWidth, this.maxLineWidth));\n\t}\n}\n","import { SkeletonIcon } from \"./skeleton-icon.component\";\nimport { SkeletonPlaceholder } from \"./skeleton-placeholder.component\";\nimport { SkeletonText } from \"./skeleton-text.component\";\nimport { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\n@NgModule({\n\tdeclarations: [\n\t\tSkeletonIcon,\n\t\tSkeletonPlaceholder,\n\t\tSkeletonText\n\t],\n\texports: [\n\t\tSkeletonIcon,\n\t\tSkeletonPlaceholder,\n\t\tSkeletonText\n\t],\n\timports: [\n\t\tCommonModule\n\t]\n})\nexport class SkeletonModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}